Supportnet / Forum / Webseiten/HTML
Ganz wichtig...wie mach ich das in Dreamweaver?
Frage
hi zusammen!
mal wieder ne frage zu dreamweaver, diesmal noch wichtiger. wie schaffe ich es das beim klick auf ein bild, dieses "SO" aufgeht wie ich es euch an diesem beispiellink zeige`?
http://www.sandye.de/galerie/AxelSchmies/galerie.html
-nich meine hp, nur so will ich es machen!, das fenster des bildes also in der größe dessen
Antwort 1 von blubb
Ich hab mir deinen Link zwar nicht angeguckt, aber grundsätzlich kann ich dir raten dir einfach mal den Quelltext von der Seite anzusehen. Bei HTML siehst du ja alles im Klartext und kannst dementsprechend leicht abschreiben.
Gruß
blubb
Gruß
blubb
Antwort 2 von m-a-d
hallo beginner81
Da das ja nun nicht deine erste Anfrage bezüglich HTML ist, lege ich dir dieses Werk ans Herz.
Auch sollte Dreamweaver so etwas wie eine Hilfe haben, ich schätze mal ein Druck auf die F1-Taste wie diese auch zum Vorschein bringen.
Und wie immer gilt Übung macht den Meister.
NDT
m-a-d
Da das ja nun nicht deine erste Anfrage bezüglich HTML ist, lege ich dir dieses Werk ans Herz.
Auch sollte Dreamweaver so etwas wie eine Hilfe haben, ich schätze mal ein Druck auf die F1-Taste wie diese auch zum Vorschein bringen.
Und wie immer gilt Übung macht den Meister.
NDT
m-a-d
Antwort 3 von rfb
das ist ein JavaScript-PopUp, wie es geht kannst du hier nachlesen: http://de.selfhtml.org/javascript/objekte/window.htm#open und http://barrierefrei.e-workers.de/know_popups.php
Antwort 4 von beginner81
danke für die hilfe!
@rfb werd mir das gleich mal ansehen
@rfb werd mir das gleich mal ansehen
Antwort 5 von beginner81
also irgendwie komm ich da überhaupt nicht weiter, obwohl die lösung eigentlich schon auf dem tablett liegt.
es geht darum wo genau ich diesen code einfügen muss:
<html><head><title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
Fenster1.focus();
}
</script>
</head><body>
<p><a href="datei.htm" onclick="FensterOeffnen(this.href); return false">Link mit Fenster</a></p>
</body></html>
meine tabelle mit den beinhaltenden bildern sieht so aus:
<td height="90"><a href="images/bild1_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image2´,´´,´images/bild1_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild1_fashion_befor.jpg" name="Image2" width="60" height="90" border="0" id="Image2"></a></td>
<td><a href="images/bild2_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image1´,´´,´images/bild2_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild2_fashion_befor.jpg" name="Image1" width="60" height="90" border="0" id="Image1"></a></td>
</tr>
<tr>
<td><a href="images/bild3_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image3´,´´,´images/bild3_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild3_fashion_befor.jpg" name="Image3" width="60" height="90" border="0" id="Image3"></a></td>
<td><a href="images/bild4_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image4´,´´,´images/bild4_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild4_fashion_befor.jpg" name="Image4" width="60" height="90" border="0" id="Image4"></a></td>
</tr>
</table>
<table width="120" border="0" align="center">
<tr>
<td height="20"><div align="center" class="style46 style47"><a href="gallery_fashion.htm" class="style48">1</a></div></td>
<td><div align="center" class="style48"><a href="gallery_fashion_2.htm" class="style48">2</a></div></td>
</tr>
</table> </td>
</tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/footer1.jpg" width="600" height="11"></td>
</tr>
</table>
<p></p></td>
</tr>
</table>
jetz muss ich vermutlich das javascript vor jedes bild bringen oder?weil ich möchte das jedes bild in einem neuen fenster öffnet, dessen größe ich damit festlege. werd kann mir da noch helfen :(
danke schonmal fürs versuchen
es geht darum wo genau ich diesen code einfügen muss:
<html><head><title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
Fenster1.focus();
}
</script>
</head><body>
<p><a href="datei.htm" onclick="FensterOeffnen(this.href); return false">Link mit Fenster</a></p>
</body></html>
meine tabelle mit den beinhaltenden bildern sieht so aus:
<td height="90"><a href="images/bild1_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image2´,´´,´images/bild1_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild1_fashion_befor.jpg" name="Image2" width="60" height="90" border="0" id="Image2"></a></td>
<td><a href="images/bild2_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image1´,´´,´images/bild2_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild2_fashion_befor.jpg" name="Image1" width="60" height="90" border="0" id="Image1"></a></td>
</tr>
<tr>
<td><a href="images/bild3_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image3´,´´,´images/bild3_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild3_fashion_befor.jpg" name="Image3" width="60" height="90" border="0" id="Image3"></a></td>
<td><a href="images/bild4_fashion.jpg" target="_new" onMouseOver="MM_swapImage(´Image4´,´´,´images/bild4_fashion_after.jpg´,1)" onMouseOut="MM_swapImgRestore()"><img src="images/bild4_fashion_befor.jpg" name="Image4" width="60" height="90" border="0" id="Image4"></a></td>
</tr>
</table>
<table width="120" border="0" align="center">
<tr>
<td height="20"><div align="center" class="style46 style47"><a href="gallery_fashion.htm" class="style48">1</a></div></td>
<td><div align="center" class="style48"><a href="gallery_fashion_2.htm" class="style48">2</a></div></td>
</tr>
</table> </td>
</tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/footer1.jpg" width="600" height="11"></td>
</tr>
</table>
<p></p></td>
</tr>
</table>
jetz muss ich vermutlich das javascript vor jedes bild bringen oder?weil ich möchte das jedes bild in einem neuen fenster öffnet, dessen größe ich damit festlege. werd kann mir da noch helfen :(
danke schonmal fürs versuchen
Antwort 6 von rfb
dies:
gehört an den Anfang der Seite, am besten in die zeile vor </head> einfügen.
von dem Rest brauchst du nur dies:
und das fügst du in deinem Tabellenungetüm jedes mal ein zwischen
Fertig!
<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
Fenster1.focus();
}
</script> gehört an den Anfang der Seite, am besten in die zeile vor </head> einfügen.
von dem Rest brauchst du nur dies:
onclick="FensterOeffnen(this.href); return false"und das fügst du in deinem Tabellenungetüm jedes mal ein zwischen
target="_new" und onMouseOver=Fertig!
Antwort 7 von beginner81
klasse, vielen dank für deine hilfe! werd das gleich mal veruschen.
Antwort 8 von beginner81
funktioniert! absolute spitzenklasse...vielen danke, mit der erklärung habs sogar ich geschafft :)
Gruß Sven
Gruß Sven
Antwort 9 von web1
Nur können Leute die Javascript deaktiviert nichts damit anfangen.
Antwort 10 von rfb
@web1:
Das stimmt so nicht, diese PopUp-Variante ist so konzipiert, dass ohne JavaScript einfach der "normale" Link in Action tritt.
Das stimmt so nicht, diese PopUp-Variante ist so konzipiert, dass ohne JavaScript einfach der "normale" Link in Action tritt.
Antwort 11 von beginner81
@rfb
jep stimmt, geht auch bei deaktiviertem Java Script
jep stimmt, geht auch bei deaktiviertem Java Script

