Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Errrm, How do i do this???

Posted on 2002-03-09
2
Medium Priority
?
247 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 600 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
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…
Video by: ITPro.TV
In this episode Don builds upon the troubleshooting techniques by demonstrating how to properly monitor a vSphere deployment to detect problems before they occur. He begins the show using tools found within the vSphere suite as ends the show demonst…
Is your data getting by on basic protection measures? In today’s climate of debilitating malware and ransomware—like WannaCry—that may not be enough. You need to establish more than basics, like a recovery plan that protects both data and endpoints.…

916 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