JavaScript und Bilder laden

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

Hallo,
als Neuling habe ich mir eine schönes Javascript-Buch zugelegt und auch jede Menge schöner Dinge gefunden. Jedoch klaffen Theorie und Praxis doch weit auseinander. Daher brauche ich Eure Hilfe:…
mein Vorhaben: ich habe eine HTML-Seite mit bis zu 25 Thumbnails. Darunter steht der Name des jeweiligen, dazugehörigen Bildes. Ich würde jetzt gerne per Javascript (auf möglichst niedriger Ebene, damit auch ältere Browser es verstehen), beim Anklicken eines Thumbnails oder Textes ein neues Fenster mit eben diesem Bild öffnen. Das Fenster soll exakt die Größe des Bildes haben und keinerlei Menubars etc. aufweisen.
Noch lieber wäre mir eine neue HTML-Seite, der übergeben wird, welches Bild sie zu laden hat - ebenfalls ohne Menubar etc. Hier hätte ich dann die Möglichkeit noch einen „Schliessen“-Knopf einzubauen.

Mein Ansatz:

function neuesFenster()
{Fenster=window.open(„Bild.jpg“,„Bildname als Seitenname“,„width=640, heigth=480“)}

Tja und da verliessen sie ihn.

  • Wie muss ich das Thumbnail/den Text gestalten, damit diese Funktion aufgerufen wird.
  • Wie kann ich der Funktion Parameter wie *zu ladendes Bild, *Seitennamen, *Höhe und *Breite übergeben?
  • Wie könnte ich eventuell eine neue HTML-Seite bauen, der übergeben wird, welches Bild sie laden muss?

Vielleicht noch als Hinweis: ich versuche das Ganze unter Adobe Golive 5 herzustellen. Auf der Seite http://www.apieroth.de und dort der Sparte „Bilder“ sieht man, wie es unter „reinem“ HTML gedacht ist.

Kann jemand helfen?
Danke!

Andreas

2

Hallo,

mein Vorhaben: ich habe eine HTML-Seite mit bis zu 25
Thumbnails. Darunter steht der Name des jeweiligen,
dazugehörigen Bildes. Ich würde jetzt gerne per Javascript
(auf möglichst niedriger Ebene, damit auch ältere Browser es
verstehen), beim Anklicken eines Thumbnails oder Textes ein
neues Fenster mit eben diesem Bild öffnen. Das Fenster soll
exakt die Größe des Bildes haben und keinerlei Menubars etc.
aufweisen.

Kann jemand helfen?

Andreas

hi andreas,

Fotoalbum
<!–
var name
function displayImage( image, width, height, name )
{
Detail = window.open("", „_blank“, „toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=“ + width +",height=" + height );

Detail.document.open();
Detail.document.write("<HTML><HEAD><TITLE>" + name + „</TITLE></HEAD>“);
Detail.document.write("<BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>");
Detail.document.write("<IMG SRC=’" + image + „’>“);
Detail.document.write("</BODY></HTML>");
Detail.document.close();
}

window.defaultStatus=„Fotoalbum von Alexander Dudler“;
//–>
[
](javascript:displayImage(‚grosses_bild.jpg‘,%20595,%20405,%20’dieser%20text%20erscheint%20in%20der%20titelleiste%20vom%20neuen%20fenster’))

Danke!

bitte alex

3

Hallo, Du glücklicher Vater :wink:,folgendes Script kann, was Du willst und noch einiges mehr. Du mußt es Dir halt entsprechend umbauen.

_ Die Bildseite: _

Test&nbsp;IMAGE
\<!----Von "Krabbeltierchen" - - [email protected]\>
\<!---
function bloodyBrowsers()
{
//Definition der Variablen fuer die verschiedenen Browser und Bildgroessen; Zuweisung der Werte
var brows=(navigator.appName=="Microsoft Internet Explorer")?true : false;
var breite=(document.bild.width+325\>screen.availWidth)? true : false;
var hoehe=(document.bild.height+260\>screen.availHeight)? true : false;


//grosses Bild
if (breite==true&&hoehe==true)
 {
 window.resizeTo(screen.availWidth-20,screen.availHeight-20);
 window.moveTo(10,10);
 window.scrollTo(150,100);
 //alert ("groß"); 
 }
//grosses Bild Netscape
if (brows==false&&breite==true&&hoehe==true)
 {
 window.resizeTo(screen.availWidth-20,screen.availHeight-50);
 window.setTimeout('window.scrollTo(135,100)',300);
 }
//hoch
if (hoehe==true&&breite==false)
 {
 window.resizeTo(document.bild.width+325,screen.availHeight-20);
 window.moveTo((screen.availHeight-document.bild.width) / 2,0);
 window.scrollTo(80,125/768\*screen.height);
 //alert ("hoch"); 
 }
//breit
if (hoehe==false&&breite==true)
 {
 window.resizeTo(screen.availWidth,document.bild.height+300);
 window.moveTo(0,(screen.availHeight-document.bild.height-200) / 2);
 window.scrollTo(150,20);
 //alert ("breit"); 
 }


//kleines Bild
if (breite==false&&hoehe==false)
 {
 window.resizeTo(document.bild.width+325,document.bild.height+260);
 window.moveTo((screen.availWidth-document.bild.width-323) / 2,(screen.availHeight-document.bild.height-260) / 2);
 window.scrollTo(80,100);
 //alert ("klein"); 
 }
window.focus();
}

//---\>

Test: 
Pic 10 of 123

©opyright 10/2000 by M & M

_ Die Thumbnailseite: _

Test

\<!-- This script and many more are available free online at --\>
\<!-- The JavaScript Source!! http://javascript.internet.com --\>

\<!-- Begin
function Start(page) {
OpenWin = this.open(page, "CtrlWindow", "toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes");
}
function Scroll()
{
window.scrollTo(0,200);
}
// End --\>


 Test
 Index 5 of 5 



















&nbsp;

&nbsp;

Wenn Du Fragen hast: [email protected]