Frank: Rollover/PopUp

Hallo liebe Mitglieder, baue gerade an einer Seite und möchte einen Rollover Effekt einbauen, komme aber nicht weiter.

http://www1.picfront.org/picture/RuWglH2jcSB/img/hinterg.03.jpg

mein code:

----------

<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">

<span style="font-size: 1.5em">SH-3434</span><br><br>
 <a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
 <a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>
</div>

----------

src="../img/technics/technics.sh-3434.02b.jpg"

Ist die Temp Datei, wie baue ich jetzt die andere Temp ein?
Würde mich sehr über Hilfe freuen

Danke

  1. Würde mich sehr über Hilfe freuen

    bitte erkläre doch erst einmal ausführlich, was da passieren soll, wozu du meinst temporäre Dateien zu brauchen und woran deine eigenen Lösungsversuche gescheitert sind.

    Ich muss zugeben: eigentlich versteh ich nur "Bahnhof"

    1. ok dann frank ich noch mal an ;) ich möchte für mein projekt einen rollover effekt erstellen, screenshot: http://www1.picfront.org/picture/RuWglH2jcSB/img/hinterg.03.jpg

      die "kleinen bilder sollen wechseln" und so sieht der code jetzt aus:

      <span style="font-size: 1.5em">SH-3434</span><br><br>
       <a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>

      <a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>

      02b.jpg soll gegen 02a.jpg
      gewechselt werden, wenn man mit der maus drüber fährt.

      1. 02b.jpg soll gegen 02a.jpg
        gewechselt werden, wenn man mit der maus drüber fährt.

        onmouseover="this.src='pfad zu 02a.jpg'" onmouseout="this.src='pfad zu 02b.jpg'"
        innerhalb <img ... > sollte dafür reichen

        1. 02b.jpg soll gegen 02a.jpg
          gewechselt werden, wenn man mit der maus drüber fährt.

          onmouseover="this.src='pfad zu 02a.jpg'" onmouseout="this.src='pfad zu 02b.jpg'"
          innerhalb <img ... > sollte dafür reichen

          danke danke klappt super :) sieht jetzt so aus:

          <a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1" onmouseover="this.src='../img/technics/technics.sh-3434.01a.jpg'" onmouseout="this.src='../img/technics/technics.sh-3434.01b.jpg'"/></a>  
          <a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" onmouseover="this.src='../img/technics/technics.sh-3434.02a.jpg'" onmouseout="this.src='../img/technics/technics.sh-3434.02b.jpg'"/></a>  
          <a href"#" onClick="window.open('../img/technics/technics.sh-3434.03.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.03b.jpg" border="1" onmouseover="this.src='../img/technics/technics.sh-3434.03a.jpg'" onmouseout="this.src='../img/technics/technics.sh-3434.03b.jpg'"/></a>  
          <a href"#" onClick="window.open('../img/technics/technics.sh-3434.04.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.04b.jpg" border="1" onmouseover="this.src='../img/technics/technics.sh-3434.04a.jpg'" onmouseout="this.src='../img/technics/technics.sh-3434.04b.jpg'"/></a>  
          <a href"#" onClick="window.open('../img/technics/technics.sh-3434.05.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.05b.jpg" border="1" onmouseover="this.src='../img/technics/technics.sh-3434.05a.jpg'" onmouseout="this.src='../img/technics/technics.sh-3434.05b.jpg'"/></a>
          

          ich hätte noch eine frage: wenn ich ein POPUP geöffnet habe kann man auch eine weiterleitung auf das nächste bild machen?
          beispiel: http://farbsucht.de/page.php?mode=pics&uid=1087

          vielen dank.

          1. ich hätte noch eine frage: wenn ich ein POPUP geöffnet habe kann man auch eine weiterleitung auf das nächste bild machen?
            beispiel: http://farbsucht.de/page.php?mode=pics&uid=1087

            in dem Beispiel wirds gezeigt: du musst nur dein Bild in eine HTML-Datei einbetten und die ins PopUp laden statt nur das Bild. In das HTML kannst du beliebige Links einbauen.

            1. danke, habe ich mir schon gedacht das es nicht so einfach geht ;)
              noch eine frage, wie setze ich den befehl bzw. wo
              das per klick das bild POPUP wieder geschlossen wird?