[HTML] "Bilderbrowser"

[[Moepi]1]

Möpmöp!
Ich bin grad mal wieder ein bisschen dabei an meiner Webseite zu basteln. Was soll man sonst machen, wenn man krank ist und nicht in die Schule kann...

Und steht die "Bildersection" auf meiner Seite am Plan. Ich würde gerne die Bilder als Thumbnails auf die Seite stellen und dann mit den hochauflösenden Versionen verlinken. Soweit zu einfach, ich will aber nicht, dass die Bilder einfach in nem neuen Browserfesnter aufgehen, sondern wie zum Beispiel hier auf Computerbase in einem Fenster fester Größe. Wer jetzt nicht weiß was ich meine, geht mal in nächstbesten Artikel und klickt auf ein Bild. Das mein ich...

Das is doch sicher nur eine Codezeile oder ein kleines Skript oder weiß der Geier was. Ich kenn mich mit HTML ja bekanntlicherweise nicht wirklich gut aus. Also, help me plz!

 

[bitfunker]

Hoi!

Ein PopUp geht mit Java Script recht simpel. Du kannst Dir den Quelltext von meiner Site ansehen, da ist das so verwirklicht ( http://free.pages.at/home-76k/modgal.htm ).
Im Head:

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

Im Body:

<div align="center"> 
        <p><img src="pics/Thumbnail.jpg" width="41" height="96" onClick="MM_openBrWindow('pics/Fullsize.htm','','width=175,height=400')"><br>Das Original-Case</p>
      </div>

 

[Michael]

Schau Dir mal Selfhtml an. Das ist ein komplettes Buch zum nachschlagen und erlernen von HTML. Und dort wird auch Dein "Problem" behandelt in dem Abschnitt Thumbnails .

*edit*
Sorry - Jetzt verstehe ich was Du meinst. B-runner hats schon gepostet.

 

[[Moepi]1]

Super danke Euch beiden

 

[Dorain]

Hi @ all,

ich hätte da auch noch eine Frage zu dem Script von "b-runner".

Wie kann ich dem anzuklickendem Bild sagen, das der Mauszeiger sich verändert, so das man schon beim überfahren des Bildes weis, das es ein Link ist?

Danke, Dorain.

 

[V1tzl1]

Das tut dein Browser eigentlich automatisch, wenn nicht musst du das mit CSS einstellen.
Benutzt du ein Wysiwyg Editor, dann hat der den CSS befehl bestimt so benutzt, dass sich der Mauszeiger eben gerade nicht veraendert.

 

[Dorain]

Naja, eben nicht, wenn ich folgenden Code von B-Runner nutze:

<div align="center"> 
        <p><img src="pics/Thumbnail.jpg" width="41" height="96" onClick="MM_openBrWindow('pics/Fullsize.htm','','width=175,height=400')"><br>Das Original-Case</p>
      </div>

Weil ich ihm ja gar keinen Befehl für einen Link gebe, wie z.B. "a href=".
Deswegen ändert der Mauszeiger seine Form nicht. Ich kann das Bild zwar anklicken, und das neue Fenster geht auch auf, aber ich möchte halt gerne, das der Zeiger sich ändert.

MFG Dorain

 

[V1tzl1]

Hmm stimmt, hatte eben gar nich so genau hingesehen...
Aber du benutzt ja nen layer (div) daher kannst du ihm mit css sagen, dass er bei diesem link/layer einen anderen mauszeiger benutzen soll, dann kannst dir auch noch zwischen verschiedenen standart mauszeigern waehlen

 

[PuppetMaster]

Probiers mal so:

<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<div align="center"> 
<p><a href="pics/Fullsize.jpg" onClick="MM_openBrWindow('pics/Fullsize.jpg','','width=175,height=400'); return false"><img src="pics/Thumbnail.jpg" width="41" height="96" /></a><br />Das Original-Case</p>
</div>

 

[Dorain]

Danke Puppet-Master,

soweit klappt es. Nur leider geht jetzt kein neues Fenster auf, er ersetzt die angezeigte Seite mit dem Bild.
Naja, erst mal egal.

Ich möchte trotzdem allen hier für Ihre schnelle und gute Hilfestellung danken.
Da sieht man mal wieder, was ein gutes Forum ausmacht.

In ehrlicher Dankbarkeit, Dorain.

P.S.: Ich hasse Schnupfen...

 

[PuppetMaster]

Ups, falsch gedacht. Probiers bitte nochmal, das Script oben sollte nun funktionieren.

 

[Dorain]

Jo, danke.

So funktioniert es perfekt.

MFG Dorain