| |||||||
Du magst keine Werbung? Wir auch nicht!
Einfach registrieren und die Werbung ist weg. Diese Nachricht sehen nur nicht registrierte Nutzer.
 |
| | LinkBack | Themen-Optionen | Ansicht |
17-09-2008, 21:34
| #1 (permalink) |
| Forscher Registriert seit: Dec 2004
Beiträge: 17
|  JavaScript Bildergalerie
hallo forum :-) wieder mal später als alle andern habe ich nun mit meinen begrenzten scriptkenntnissen damit angefangen mir mein html leben zu vereinfachen (es geht um eine kleine minimale Bildergalerie) überraschenderweise ging mein konzept auch fast auf^^ ich habe zwei html dateien: in der einen sind kleine thumbnail bilder zu sehen - in der anderen das bild in groß (je nachdem auf welchen thumbnail man geklickt hat) in letzterer gibt es auch die möglichkeit via Last und Next die bilder durchzuskipn... kennt man ja bei mir funktioniert allerdings die sache mit next nicht. die browser adresszeile ändert sich nicht so wie ich das gern hät - er fügt ihr eine 1 am schluss an obwohl er die vorhandene ziffer um 1 addieren soll aber seht selbst: die html datei mit den thumbnails: Code: <html>
<head><title>Bildergalerie Test</title>
<script language="JavaScript" type="text/javascript">
<!--
function highres(Nummer)
{
location.href="highres.htm?"+Nummer;
}
//-->
</script>
</head>
<body>
<center>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<script language="JavaScript" type="text/javascript">
<!--
for (var Nummer = 1; Nummer < 6; Nummer = Nummer+1)
{
document.writeln('<td><a href="javascript:highres('+Nummer+')"><img border="0" src="pics/thumbs/thumb_0'+Nummer+'.jpg" width="80" height="80" alt="thumb_'+Nummer+'"></a></td>');
}
//-->
</script>
</tr>
</table>
</center>
</body>
</html> die html datei mit der großdarstellung: Code: <html>
<head><title>Bildergalerie Test</title>
<script language="JavaScript" type="text/javascript">
<!--
var i = window.location.search;
var NRfiltered = i.slice(1, 2);
function Last()
{
if ( NRfiltered <= 1 )
{
var Counta = 1;
alert("Weiter Zurück geht nicht");
}
else
{
var Counta = NRfiltered - 1;
location.href="highres.htm?"+Counta;
}
}
function Next()
{
if ( NRfiltered >= 5 )
{
var Counta = 5;
alert("Weiter vor geht nicht");
}
else
{
var Counta = NRfiltered + 1;
location.href="highres.htm?"+Counta;
}
}
//-->
</script>
</head>
<body>
<center>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td align="center"><a href="thumbs.htm" target="_self">Übersicht</a></td>
</tr>
<tr>
<td align="center"><a href="javascript:Last()">Last</a> - <a href="javascript:Next()">Next</a><br><br></td>
<tr
<script language="JavaScript" type="text/javascript">
<!--
document.writeln('<td align="center"><img border="0" src="pics/highres/highres_0'+NRfiltered+'.jpg" width="" height="" alt="highres_0'+NRfiltered+'></td>');
//-->
</script>
</tr>
</table>
</center>
</body>
</html> würde mich über hilfe aber auch konstruktive kritik freuen. ich bin mir fast sicher dass das scripting nicht gerade lehrbuchreif ist...  Geändert von user10 (18-09-2008 um 21:26 Uhr) |
|  |
|
17-09-2008, 21:43
| #2 (permalink) |
| Inventar  Registriert seit: Jul 2002
Beiträge: 6.882
|
Warum benutzt du nicht ne professionell aussehende Lösung wie Lightbox 2? Nichts gegen dein Script, es scheint ja zu funktionieren, nur das es garantiert nicht so schön aussehen wird.
__________________ (\__/) (='.'=) (")_(") Geändert von Nightflyer (17-09-2008 um 21:45 Uhr) |
|
| |
|
18-09-2008, 15:12
| #5 (permalink) |
| Forscher Registriert seit: Dec 2004
Beiträge: 17
|
was ist falsch daran? habe noch das ausprobiert was nicht funktioniert hat: Code: ref="javascript:highres('+Nummer+')" Code: ref="javascript:highres('+Nummer+')" Geändert von user10 (18-09-2008 um 21:13 Uhr) |
|
| |
|
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | |
| |
|
Linear-Darstellung
