Autor |
Nachricht |
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 12.11.2007 15:20
Titel Bildergalerie veredeln |
|
|
Hallo ich habe eine Bildergalerie in meine seite eingebaut. Nun möchte ich noch ein Spezial einbauen und zwar möchte ich da mein bildbereich begrenzt ist ein feature einbinden dass wenn ich auf das bild klicke dieses sich in einem neuen fenster öffnet. MfG FSchoeppe
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Mo 12.11.2007 15:21
Titel
|
|
|
und was willst du jetzt von uns wissen?
|
|
|
|
|
Anzeige
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 12.11.2007 15:23
Titel
|
|
|
Geht doch ganz einfach über JavaScript.
|
|
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 12.11.2007 15:24
Titel
|
|
|
ich wollte wissen wo ich den befehl platzieren muss.
|
|
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 12.11.2007 15:25
Titel
|
|
|
Am besten in den Link wenn man auf das Bild klickt.
|
|
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 12.11.2007 15:31
Titel
|
|
|
Meinst du so????
Code: | <td height="307"><div align="center"><img src="bilder/fussball.jpg" alt="" width="246" height="288" id="start_imgID" onClick="MM_openBrWindow('xxx.html','','width=430,height=430')"></div></td> |
also der Quellcode sieht dann so im ganzen aus:
Code: | <html>
<head>
<title>navi</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
<!--
// Image-Preloader
var arrImg = new Array();
arrImg[0] = new Image();
arrImg[0].src = "bilder/fussball.jpg"; // Pfad zum Bild
arrImg[0].txt = "Fussball 0"; // Gewünschter Text
arrImg[1] = new Image();
arrImg[1].src = "bilder/fussball1.jpg";
arrImg[1].txt = "Fussball 1";
arrImg[2] = new Image();
arrImg[2].src = "bilder/fussball2.jpg";
arrImg[2].txt = "Fussball 2";
arrImg[3] = new Image();
arrImg[3].src = "bilder/fussball3.jpg";
arrImg[3].txt = "Fussball 3";
arrImg[4] = new Image();
arrImg[4].src = "bilder/fussball4.jpg";
arrImg[4].txt = "Fussball 4";
arrImg[5] = new Image();
arrImg[5].src = "bilder/fussball5.jpg";
arrImg[5].txt = "Fussball 5";
arrImg[6] = new Image();
arrImg[6].src = "bilder/fussball6.jpg";
arrImg[6].txt = "Fussball 6";
arrImg[7] = new Image();
arrImg[7].src = "bilder/fussball7.jpg";
arrImg[7].txt = "Fussball 7";
arrImg[8] = new Image();
arrImg[8].src = "bilder/fussball8.jpg";
arrImg[8].txt = "Fussball 8";
// swapImage
function swapImage(imgName, intImg){
document.getElementById(imgName+"_imgID").src = arrImg[intImg].src;
document.getElementById(imgName+"_outID").innerHTML = arrImg[intImg].txt;
return false;
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<style type="text/css">
<!--
ul {
margin: 10px 0 0 0;
padding: 0;
}
li {
display: inline;
margin: 0 5px 0 0;
}
img {
border: 0;
}
body {
background-color: #FFED00;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (navi.psd) -->
<table id="Tabelle_01" width="482" height="364" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="bilder/navi_01.gif" width="172" height="364" alt=""></td>
<td height="307"><div align="center"><img src="bilder/fussball.jpg" alt="" width="246" height="288" id="start_imgID" onClick="MM_openBrWindow('xxx.html','','width=430,height=430')"></div></td>
</tr>
<tr>
<td width="310" height="19"> </td>
</tr>
<tr>
<td align="right">
<li><a href="#" onClick="return swapImage('start', 0);"><img src="bilder/navi_05.gif" alt="load pic01" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 1);"><img src="bilder/navi_07.gif" alt="load pic02" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 2);"><img src="bilder/navi_09.gif" alt="load pic03" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 3);"><img src="bilder/navi_11.gif" alt="load pic04" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 4);"><img src="bilder/navi_13.gif" alt="load pic05" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 5);"><img src="bilder/navi_15.gif" alt="load pic06" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 6);"><img src="bilder/navi_17.gif" alt="load pic07" width="16"></a></li>
<li><a href="#" onClick="return swapImage('start', 7);"><img src="bilder/navi_19.gif" alt="load pic08" width="16"></a></li>
</td>
</tr>
<tr>
<td width="310" height="22"> </td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html> |
Kann ich nicht einfach irgendwo im Quellcode die bilder übernehmen also das ich nicht für alle die bilder einzel deklarieren muss.
|
|
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 13.11.2007 13:25
Titel
|
|
|
Kann mir jemand sagen warum nicht gleich der das erste bild erscheint?????
|
|
|
|
|
l'Audiophile
Dabei seit: 16.09.2004
Ort: Berlin
Alter: 43
Geschlecht:
|
Verfasst Di 13.11.2007 13:30
Titel
|
|
|
Code: |
var arrImg = new Array();
arrImg[0] = new Image();
arrImg[0].src = "bilder/fussball.jpg"; // Pfad zum Bild
arrImg[0].txt = "Fussball 0"; // Gewünschter Text
arrImg[1] = new Image();
arrImg[1].src = "bilder/fussball1.jpg";
arrImg[1].txt = "Fussball 1";
arrImg[2] = new Image();
arrImg[2].src = "bilder/fussball2.jpg";
arrImg[2].txt = "Fussball 2";
arrImg[3] = new Image();
arrImg[3].src = "bilder/fussball3.jpg";
arrImg[3].txt = "Fussball 3";
arrImg[4] = new Image();
arrImg[4].src = "bilder/fussball4.jpg";
arrImg[4].txt = "Fussball 4";
arrImg[5] = new Image();
arrImg[5].src = "bilder/fussball5.jpg";
arrImg[5].txt = "Fussball 5";
arrImg[6] = new Image();
arrImg[6].src = "bilder/fussball6.jpg";
arrImg[6].txt = "Fussball 6";
arrImg[7] = new Image();
arrImg[7].src = "bilder/fussball7.jpg";
arrImg[7].txt = "Fussball 7";
arrImg[8] = new Image();
arrImg[8].src = "bilder/fussball8.jpg";
arrImg[8].txt = "Fussball 8";
|
Bin jetzt nich DAS JavaScript-ASS, aber das geht mit großer Sicherheit auch schöner und vor allem kompakter.
Schonmal was von for-Schleifen gehört?
|
|
|
|
|
|
|
|
Ähnliche Themen |
CI vorhanden, wie veredeln ?
Bildergalerie...
Bildergalerie
Bildergalerie
Bildergalerie
BILDERGALERIE!
|
|