Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Errrm, How do i do this???

Posted on 2002-03-09
2
224 Views
Last Modified: 2010-04-25
Hi Folks.
Not sure if ive put this question in the right section.
How do i do the slideshow thingy as seen at the top of this page??
http://www.prestige-online.com/ibiza-webcam/website/goframes1.html

Thanks
rorf
0
Comment
Question by:rorf
2 Comments
 
LVL 1

Accepted Solution

by:
adowns earned 150 total points
ID: 6853534
Here is the code. At the end you can specify your own images. Please only use this code as an example.



<html>

        <head>
                <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                <title>THE IBIZA SUNSET - Galery</title>
                <meta name="author" content="Pro-Web, Internet Service GmbH">
                <meta name="copyright" value="Copyright (C) 2000, Frank Zander.  All rights reserved.">
                <meta name="ROBOTS" content="noindex">
                <meta name="ROBOTS" content="nofollow">
                <SCRIPT LANGUAGE="javascript">
                <!-- hide from old browsers
                       //global variables
                       var layerRef="null",layerStyleRef="null",styleSwitch="null";

                       function start(){
                                if (navigator.appName != "Netscape") {
                                       layerRef="document.all";
                                       styleSwitch=".style";
                                       visibleVar="visible";
                                       pxSwitch="px";
                                } else {
                                      layerRef="document.layers";
                                      styleSwitch="";
                                      visibleVar="show";
                                      pxSwitch="";
                               }
                       doAnimation(-1100);
                       }

                       function moveLayerTo(layerName,left,top){
                               eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top=top');
                               eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left=left');
                       }

                       function doAnimation(selectedIndex){
                              if (selectedIndex < 0){
                                        moveLayerTo('rahmen', [selectedIndex], 0);
                                        selectedIndex++;
                                        setTimeout('doAnimation("'+selectedIndex+'")', 10);
                               }else{
                                       doAnimation(-1100);
                               }
                       }


                     function showPic(which) {
                        var site = "galerie/pic" + which +".html";
                        nw = window.open(site,"galerie","menubar=0,scrollbars=0,toolbar=0,location=0,directories=0,status=0,resizable=0,width=600,height=319");
                        if (navigator.appVersion.indexOf("2.0") != -1
                        || navigator.appVersion.indexOf("(X11")!= -1
                        || navigator.appVersion.indexOf("(Mac")!= -1) {
                           nw = window.open(site,"galerie","menubar=0,scrollbars=0,toolbar=0,location=0,directories=0,status=0,resizable=0,width=600,height=319");
                        }
                     }
                // stop hiding -->
                </script>
                <style type="text/css"><!--
                        #rahmen { position: absolute; top: 0px; left: -1100px; width: 2040px; height: 84px; visibility: visible }-->
                </style>
        </head>
        <body bgcolor="black" onload="start();">
                <div id="rahmen">
                        <table cellpadding="0" cellpadding="0" border="0">
                                <tr>
                                        <td nowrap background="images/bg_slide.gif">
                                        <a href="Javascript:showPic(1)"><img height="60" width="100" src="galerie/pic1.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(2)"><img height="60" width="100" src="galerie/pic2.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(3)"><img height="60" width="100" src="galerie/pic3.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(4)"><img height="60" width="100" src="galerie/pic4.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(5)"><img height="60" width="100" src="galerie/pic5.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(6)"><img height="60" width="100" src="galerie/pic6.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(7)"><img height="60" width="100" src="galerie/pic7.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(8)"><img height="60" width="100" src="galerie/pic8.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(9)"><img height="60" width="100" src="galerie/pic9.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(10)"><img height="60" width="100" src="galerie/pic10.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(1)"><img height="60" width="100" src="galerie/pic1.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(2)"><img height="60" width="100" src="galerie/pic2.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(3)"><img height="60" width="100" src="galerie/pic3.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(4)"><img height="60" width="100" src="galerie/pic4.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(5)"><img height="60" width="100" src="galerie/pic5.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(6)"><img height="60" width="100" src="galerie/pic6.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(7)"><img height="60" width="100" src="galerie/pic7.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(8)"><img height="60" width="100" src="galerie/pic8.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(9)"><img height="60" width="100" src="galerie/pic9.jpg" hspace="3" vspace="10" border="0"></a>
                                        <a href="Javascript:showPic(10)"><img height="60" width="100" src="galerie/pic10.jpg" hspace="3" vspace="10" border="0"></a>
                                        </td>
                                </tr>
                        </table>
                </div>

        </body>

</html>
0
 

Author Comment

by:rorf
ID: 6853541
Thanks alot
Regards
rorf
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question