-=B13nD=-
Cadet 4th Year
- Registriert
- Dez. 2004
- Beiträge
- 127
Hello Base!
Habe mir ein bildergalerie-script geschrieben .... klappt auch alles soweit wunderbar.
es wird eine seite generiert, auf der alle thumbs der bilder angezeigt werden. beim klick auf ein thumbnail wird per java-script ein fenster geöffnet, in dem das "große" bild gezeigt wird.
meine frage an euch, wie bekomme ich es hin, dass ich in dem mit java-script geöffneten fenster eine "blätterfunktion" eingebaut bekomme? sprich ein button "weiter" und "zurück" mit dem man schrittweise die bilder durchgehen kann.
hier mal auszüge aus dem coding:
Habe keine Idee, wie ich das anstellen soll, ... vielleicht reicht schon ein Denkanstoss!
Danke schonmal!
Habe mir ein bildergalerie-script geschrieben .... klappt auch alles soweit wunderbar.
es wird eine seite generiert, auf der alle thumbs der bilder angezeigt werden. beim klick auf ein thumbnail wird per java-script ein fenster geöffnet, in dem das "große" bild gezeigt wird.
meine frage an euch, wie bekomme ich es hin, dass ich in dem mit java-script geöffneten fenster eine "blätterfunktion" eingebaut bekomme? sprich ein button "weiter" und "zurück" mit dem man schrittweise die bilder durchgehen kann.
hier mal auszüge aus dem coding:
PHP:
// das was dem java-script uebergeben wird:
echo " <a href=\"javascript:OpenNewWindow('$bild_pfad', $popup_breite, $popup_hoehe)\"><img src=\"$thumbnail\" alt=\"\" border=\"0\"></a></center></td>\n";
HTML:
<!-- Das Java-script : -->
<script>
function OpenNewWindow(Picture,Breit,Hoch)
{
xsize = Breit+35;// Zusatz für Rand rechts und links
ysize = Hoch+125; //Zusatz für Rand oben und unten - damit Button angezeit werden kann
ScreenWidth = screen.width;
ScreenHeight = screen.height;
xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);
NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
NewWindow.document.write ("<html><head><title>BILDANZEIGE");
NewWindow.document.write ("</title></head>");
NewWindow.document.write ("<body bgcolor='#606060' onload='focus()'>");
//NewWindow.document.write ("<body bgcolor='#cccccc'>");
NewWindow.document.write ("<table align='center'><tr>");
NewWindow.document.write ("<td align='center' valign='top'>");
NewWindow.document.write ("<table border='1' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
NewWindow.document.write ("<img src=\"");
NewWindow.document.write (Picture);
NewWindow.document.write ("\">");
NewWindow.document.write ("</tr></table>");
NewWindow.document.write ("</td></tr><tr>");
NewWindow.document.write ("<td align='center' valign='bottom'>");
NewWindow.document.write ("<br><center><form><input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
NewWindow.document.write ("</td></tr></table>");
NewWindow.document.write ("</form></body></html>");
NewWindow.document.close();
NewWindow.resizeTo(xsize,ysize);
}
</script>Habe keine Idee, wie ich das anstellen soll, ... vielleicht reicht schon ein Denkanstoss!
Danke schonmal!
