Solved

Errrm, How do i do this???

Posted on 2002-03-09
2
218 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

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
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…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…
This video demonstrates how to create an example email signature rule for a department in a company using CodeTwo Exchange Rules. The signature will be inserted beneath users' latest emails in conversations and will be displayed in users' Sent Items…

757 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now