simple viewer
Andrea Lang Photography
hallo liebe webdesigner,
ich habe mal eine frage zum simple viewer.
kann mir einer von euch sagen, wie ich den simple viewer so in meine website einbette, dass er als kleines fenster im vordergrund auftaucht?
ich habe ihn momentan mit meinen geringen dreamweaver-kenntnissen mit _blank in einem neuen fenster auftretend angelegt. einige betrachter waren dadurch aber irritiert.
ich bin dankbar für jeden tip!
vielen dank!
Liquid-
Wenn ich es richtig verstehe möchtest du den ganzen Viewer in einem neuen Fenster öffnen. Dann kannst du dies mit Java Script machen:
<script language=„JavaScript1.5“ type=„text/javascript“>
var fenster;
function neues ()
{
fenster = window.open (
““,
„NeuesFenster“,//Name des neuen Fensters
+„toolbar=0“//Toolbar
+“,location=0“//Adress-Leiste
+“,directories=0“//Zusatzleisten
+“,status=0“//Statusleiste
+“,menubar=0“//Menü
+“,scrollbars=0“//Scrollbars
+“,resizable=0“//Fenstergrösse veränderbar?
+“,width=300“//Fensterbreite in Pixeln
+“,height=400“//Fensterhöhe in Pixeln
);
fenster.moveTo (
200,//X-Koordinate
200//Y-Koordinate
);//der linken oberen Ecke
fenster.location.href = „www.deinedomain.de/galerie.html“;
//Dateiname und Pfad der Datei in dem der Simple Viewer eingebaut ist.
}
</script>
</head> <body> <a href=„javascript:neues ();“>Neues Fenster öffnen!</a>
Gruß,
liquid-artwork.de
Andrea Lang Photography
> 😉;Wenn ich es richtig verstehe möchtest du den ganzen Viewer in
einem neuen Fenster öffnen. Dann kannst du dies mit Java Script
machen:<script language=„JavaScript1.5“ type=„text/javascript“>
var fenster;function neues ()
{
fenster = window.open (
““,
„NeuesFenster“,//Name des neuen Fensters
+„toolbar=0“//Toolbar
+“,location=0“//Adress-Leiste
+“,directories=0“//Zusatzleisten
+“,status=0“//Statusleiste
+“,menubar=0“//Menü
+“,scrollbars=0“//Scrollbars
+“,resizable=0“//Fenstergrösse veränderbar?
+“,width=300“//Fensterbreite in Pixeln
+“,height=400“//Fensterhöhe in Pixeln
> 😉;//der linken oberen Eckefenster.moveTo (
200,//X-Koordinate
200//Y-Koordinate
fenster.location.href = „www.deinedomain.de/galerie.html“;
//Dateiname und Pfad der Datei in dem der Simple Viewer eingebaut
ist.
}
</script></head> <body> <a href=„javascript:neues ();“>Neues
Fenster öffnen!</a>Gruß,
liquid-artwork.de
Hallo Liquid-Artwork,
vielen Dank für Deinen Tip.
Da ich ja wie gesagt keine Ahnung habe, habe ich erstmal nachgelesen, wie man ein Java-Verhalten anlegt. Funktioniert bei mir nur leider nicht.
Bei der Hilfe Funktion steht folgendes:
Soll ein Verhalten für eine ganze Seite definiert werden, klicken Sie im Tag-Selektor unten links im Dokumentfenster auf das Tag <body>.
Wählen Sie „Fenster“ > „Verhalten“ aus.
Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+), und wählen Sie eine Aktion im Menü „Aktionen“ aus.
„Aktionen“ gibt es nur leider nicht.
Und was ich bei Deinem Text noch nicht ganz begriffen habe:
Welchen Teil baue ich in die Website ein? Nur den ab script?
Ich hoffe, ich mache nicht zuviele Umstände. Kann halt leider nicht programmieren, sondern habe in Dreamweaver alles über den Entwurf gebaut.
Es geht, falls es für’s Verständnis besser ist um folgende Seite:
www.andrealang.com
Dort siehst Du dann 3 Kategorien, auf denen dann die Galerien zu sehen sind.
Vielen Dank für die Hilfe!
Viele Grüsse!
Liquid-
Hallo,
ich ging davon aus dass dir der Codschnipsel ausreicht. Also bin ich jetzt etwas präziser:
Arbeite am besten direkt im HTML-Code, wenn du das Script einbaust. Also nicht über Dreamweaver-Funktionen wie „Java-Verhalten“ anlegen. Wähle in Dreamweaver die „Codeansicht“, oder auch „Teilen“ um die Codeansicht zugeschaltet zu bekommen.
Dann kopiere in den Headbereich, also zwischen das Tag: <head>... hier den Script-Code hinein… </head> was hier steht:
<script language=„JavaScript1.5“ type=„text/javascript“>
var fenster;
function neues ()
{
fenster = window.open (
““,
„NeuesFenster“,//Name des neuen Fensters
+„toolbar=0“//Toolbar
+“,location=0“//Adress-Leiste
+“,directories=0“//Zusatzleisten
+“,status=0“//Statusleiste
+“,menubar=0“//Menü
+“,scrollbars=0“//Scrollbars
+“,resizable=0“//Fenstergrösse veraenderbar?
+“,width=300“//Fensterbreite in Pixeln
+“,height=400“//Fensterhöhe in Pixeln
);
fenster.moveTo (
200,//X-Koordinate
200//Y-Koordinate
);//der linken oberen Ecke
fenster.location.href = „www.deinedomain.de/galerie.html“;
//Dateiname und Pfad der Datei in dem der Simple Viewer eingebaut
ist.
}
</script>
Den Code-Schnipsel:
<a href=„javascript:neues ();“>Neues Fenster öffnen!</a>
kopierst du in den Body-Tag <body>. </body> an die entsprechende Stelle, wo dein Link stehen soll.
Das
a href=„javascript:neues ();“
kannst du auch zu einem Bildlink, wie es ja bei dir ist dazukopieren. Dazu den Rest der Link-Definition innerhalb des <a. > musst du aber entfernen, da die Zeilseite ja bereits im Code im Head definiert wird. Da du verschiedene Zielseiten hast, also verschiedene Simple Viewer, musst du für jedes neue Viewer-Fenster eine neue „Function“ definieren. Diese heißt ja im obigen Beispiel „neues“. Diese wird dann an den Link übergeben mit „javascript:neues“.
Ich hoffe so kommst du hin. Noch detaillierter kann ich es kaum beschreiben. Es wird leider einiges an Code hinzukommen, bei den vielen Simple Viewern welche du einsetzt. Ist dann nicht unbedingt optimal da der Code dann sehr lang wird, aber den von dir gewünschten Effekt solltest du so zumindest erreichen können, auch wenn es nicht unbedingt die optimale Lösung ist.
Gruß,
liquid-artwork.de