Rollover/PopUp
Frank
- html
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
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"
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.
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
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.
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.
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?