success4you

success4you - das Forum: Fragen, Hilfe, Tutorials rund um den Homepage-Baukasten und rund ums Webdesign
 
StartseitePortalFAQSuchenAnmeldenLogin

Teilen | 
 

 Diashow mit Javascript

Nach unten 
AutorNachricht
troupier
Starter
Starter
avatar

Männlich
Anzahl der Beiträge : 1
Ort : 74252
Land :
Your Browser :
Anmeldedatum : 30.01.11

BeitragThema: Diashow mit Javascript   So Jan 30, 2011 7:13 pm

Hallo zusammen,

nach langer Suche im Internet habe ich hier ein Tutorial gefunden für eine Diashow für den HP-Baukasten. Funktioniert auch ganz prima - Danke für die Hilfe auf dieser Seite!!! cheers
Jetzt habe ich das Problem, dass meine Bilder zunächst auf einer Übersichtseite sozusagen als Thumbnails stehen. Wenn Bild Nr.2 in der Übersicht angeklickt wird, soll die Diashow mit Bild Nr.2 starten.

Wie bekomme ich das hin, dass die Variable für das Startbild an meine Diashow übergeben wird??

vielen Dank bereits für jede Hilfe und jeden Hinweis (PS: bitte nicht zu kompliziert erklären, ich bin ein echter Starter :-( )

Meine Thumbnails:
Code:

<!--
Galeriebilder auf 133 px Höhe verkleinern Ansichtsbilder auf 640 px längste Kante verkleinern -->


<BR />
<TABLE WIDTH="50%" HEIGHT="4"  CELLSPACING="1" CELLPADDING="3" BORDER="4" BORDERCOLOR="#393a13" ALIGN="center" VALIGN="Middle">
<FONT FACE="Arial" SIZE="3" COLOR="#393a13">Überschrift </FONT>
<BR>
<BR>
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Bilder.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U>zurück zur Übersicht</U></FONT></A></P>
<BR>
<FONT FACE="Arial" SIZE="2" COLOR="#393a13"><p align="right">Bilder zum Vergrößern anklicken</p></font>
    <TBODY>
        <TR>
            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-001.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>

            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-002.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>

            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-003.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>
        </TR>

    </TBODY>
</TABLE>

<BR />
<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Bilder.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U>zurück zur Übersicht</U></FONT></A></P>

Meine Diashow (oder besser Eure Diashow aus dem Tutorial)
Code:

<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Gemeindefest-2008.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U><b>  zurück zur Übersicht  </b></U></FONT></A></P>
<BR />
<BR />
<p align="center"><img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-001.jpg"  border="0" width="420">

<script type="text/javascript">
<!--
var b = new Array();

b[1] = new Image();
b[1].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-001.jpg";

b[2] = new Image();
b[2].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-002.jpg";

b[3] = new Image();
b[3].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-003.jpg";


var n = 3;              // hier steht die Anzahl der Bilder
var i = 0              // aktuelles Bild
var qt = 3000;          // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;


function GG()
{
i ++;
if(i > n) i = 1;
document.images[z].src = b[i].src;
}

function RR()
{
i --;
if(i <1) i = n;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",qt);
}

delay();
//-->
</script>
<br>

<br>
<span
onMouseDown="RR();" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/back.png" border="0"
alt="Bild zurück" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="javascript:f=1;" onFocus="this.blur();" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/stopp.png" border="0"
alt="Diashow anhalten" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="javascript:f=0;" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/start.png" border="0"
alt="Diashow anzeigen" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="GG();" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/next.png" border="0"
alt="Bild vor" style="cursor:hand;" width="80" height="40"></span> </p>

<BR />
<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Gemeindefest-2008.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U><b>  zurück zur Übersicht  </b></U></FONT></A></P>
Sad
Nach oben Nach unten
Benutzerprofil anzeigen
 
Diashow mit Javascript
Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» [Neue Funktion] Javascript Code Verwaltung
» javascript problem mit firefox
» HTML Code mit Javascript
» Javascript funktioniert nicht, wo liegt mein Fehler?
» Javascript Schnee

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
success4you :: Fragen :: Profi-Fragen-
Gehe zu: