Ergebnis 1 bis 5 von 5

Thema: Bilderwechsel mit Text

  1. #1
    TP-Specialist
    Registriert seit
    May 2001
    Beiträge
    2.497

    Bilderwechsel mit Text

    Hallo Freunde...

    Habe ein Script sozusagen eine kleine Slideshow. Geht alles aber ich möchte zu jeden Bild noch einen Text haben. Hat jemand eine Idee?


    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <
    html>
    <
    head>
    <
    title>Bilderechsel</title>
    <
    script type="text/javascript" language="javascript">
    var 
    count=1;
    var 
    total=15;
    function 
    next ()
        {
        
    count++;
        if (
    count ==(total+1))
            {
              
    count 1
            
    }
        
    document.images[5].src "gif/slide_"+count+".jpg";
        }
            
    function 
    last ()
        {
        
    count--;
        if (
    count == 0)
            {
            
    count total
            
    }
        
    document.images[5].src "gif/slide_"+count+".jpg";
        } 
    </script>
    </head>
    <body background="gif/bg_grey.gif" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>
    <table>
    <tr>
        <td rowspan="3"><img src="gif/1.gif" width=20 height=1 border=0 alt=""></td>
        <td><font face="Arial Narrow" size="2" color="#808080"><b>Hier m&ouml;chte ich gerne zu jeden mit dem Javascript gewechselten Bild einen Text haben...</b></font><br><br><font face="Arial Narrow" size="2">Test</font><br><img src="gif/1.gif" width=1 height=35 border=0 alt=""></td>
    </tr>
    <tr>
        <td align="right"><a href="#" onClick="last()"><img src="gif/last.gif" width=15 height=20 border=0 alt=""></a><a href="#" onClick="next()"><img src="gif/next.gif" width=15 height=20 border=0 alt=""></a><img src="gif/1.gif" width="13" height="1" border="0" alt=""></td>
    </tr>
    <tr>
        <td align="left"><img src="gif/slide_1.jpg" width=350 height=222 border=0 alt=""><!-- Hier sind die einzelnen Bilder !></td>
    </tr>
    </table>
    </body>
    </html> 

  2. #2
    TP-Veteran Avatar von Guitar
    Registriert seit
    Nov 2001
    Ort
    Friedrichshafen am Bodensee
    Beiträge
    1.065
    Nur als Anregung:
    wenn du die Bildbeschreibungen in ein Array packst?
    Aber wie der dann am besten (und Browserkompatibel) ausgegeben wird, kann ich leider nicht sagen, da müssen die Javascript-Experten ran.
    Gruß, Wolfgang

    Webdesign Friedrichshafen

  3. #3
    TP-Supporter Avatar von Hydrax
    Registriert seit
    Jun 2001
    Ort
    Berlin
    Beiträge
    302
    Eine Möglichkeit die eigentlich jeder Browser kann: Nen Inputfeld.
    Dort kannst du dann recht einfach die Texte austauschen.

    Nachteil: bei Netscape 4.x kann man die Inputfelder nicht mit CSS abändern. (Ohne Rahmen etc.).
    keep looking forward... Hydrax

  4. #4
    TP-Specialist
    Registriert seit
    May 2001
    Beiträge
    2.497
    Hm das mit dam Array würde ich auch so machen aber mit der Ausgabe da würde ich am liebsten auf Layer setzten...

  5. #5
    TP-Veteran Avatar von Guitar
    Registriert seit
    Nov 2001
    Ort
    Friedrichshafen am Bodensee
    Beiträge
    1.065
    Ah ja, und je nach Bild den Layer ein- oder ausblenden, oder?
    Gruß, Wolfgang

    Webdesign Friedrichshafen

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51