Bilder vergrößern

[Braunbär]

Hallo
Erstmal einen schönen 1. Mai an alle.

In meinem Bastelforum, habe ich oben im Index ein Laufband mit Bilder laufen, gibt es einen Code oder eine Möglichkeit, wenn man einzelne Bilder dort anklickt, das das Bild dann größer gezeigt wird?
http://psp-bastel.aktiv-forum.com/forum
lg
Michaela

[#Frank]

Diese Möglichkeit gibt es schon. Hier musst du mit einem Script arbeiten.
Die einfachste Lösung wäre das Bild mit einem Link zu hinterlegen, der ein Fenster Öffnet, in dem dann das Bild angezeigt wird.
Andere Lösungen die du zum Beispiel von anderen Seiten her kennst, das das entsprechende Bild dann vergrößert wird, wenn man mit der Maus darüber geht, erfordern sehr weitreichende Kenntnisse und sind sehr kompliziert zu Programmieren.

[Braunbär]

Super, kannst du mir bitte den Code geben, mit dem ich jedes einzelne Bild versehen muß.

die andere Lösung mit der Maus darüber würde sicher besser aussehen, was müßte ich da tun?
lg

[#Frank]

Ich sehe gerade, das du die Bilder dort nur in der Kleinen Größe drin hast. Gibt es die auch in einer anderen Größe?
Um dir zu Zeigen, was ich hier meine, habe ich in meinem Testforum mal ein Modul eingesetzt, das diese Funktion enthält.
Bitte gehe mal auf:
http://frank.forumieren.de
Dort ist ganz unten rechts das Modul "marquee"
Dort klickst du bitte mal auf das Bild:

Es sollte sich bei dir ein Fenster öffnen in dem diese Grafik dann angezeigt wird.
Schau mal ob es das ist, was du dir so vorstellst.

[Braunbär]

JAAAAA genau Super, das suche ich
lg
Michaela

[#Frank]

Gut, wenn es das ist, was du möchtest, dann musst du die Bilder bei dir so einsetzen:

Code:

<a href="javascript:void(1)" onClick="javascript:window.open('http://www.illiweb.com/fa/banner/de/banner5.png','','scrollbars=no,resizable=no,width=400,height=300')"><img src="http://www.illiweb.com/fa/banner/de/banner5.png"></a>

Zur Erklärung:

<a href="javascript:void(1)" onClick="javascript:window.open('https://2img.net/i/fa/banner/de/banner5.png',

Dort wo hier der Blaue Link steht, kommt die Adresse rein, die die große Version deines Bildes enthält.

scrollbars=no,resizable=no,width=400,height=300')

scrollbars=no gibt an ob die Bildlaufleisten in dem sich öffnendem Fenster angezeigt werden sollen. Alternativ kann dort auch "yes" angegeben werden.
resizable=no gibt an, ob das Fenster durch den User vergrößert werden kann. Alternativ "yes"
width=400,height=300 gibt die Breite und die Hohe des Fensters an, das geöffnet werden soll in Pixeln.

<img src="https://2img.net/i/fa/banner/de/banner5.png">

Ist der Link zu dem Bild, das in der Leiste angezeigt wird und das dann diesen Link enthält.
Achte darauf, das du nicht die Hochkommas löschst, wenn du dort Änderungen einsetzt.
Bei deinem Ersten Bild sollte das so aussehen:

Code:

<a href="javascript:void(1)" onClick="javascript:window.open('http://www.abload.de/img/bild1t71t.gif','','scrollbars=no,resizable=no,width=200,height=200')"><img src="http://www.abload.de/img/bild1t71t.gif"></a>

Für die weiteren Bilder wiederholst du einfach diesen Abschnitt und ersetzt die Links zu den Grafiken entsprechend.

[Braunbär]

irgendwie funktioniert es nicht, das Bild geht nicht zum anklicken und verändert sich nicht bei dienen Code

Code:

<a href="javascript:void(1)" onClick="javascript:window.open('http://www.abload.de/img/bild1t71t.gif','','scrollbars=no,resizable=no,width=200,height=200')"><img src="http://www.abload.de/img/bild1t71t.gif"></a>

Bild wird auch nicht angezeigt nur diese Schrift:<a href="javascript:void(1)" onClick="javascript:window.open('http://www.abload.de/img/bild1t71t.gif','','scrollbars=no,resizable=no,width=200,height=200')"><img src="http://www.abload.de/img/bild1t71t.gif"></a>

Link für Bild klein
http://www.abload.de/img/bild1t71t.gif

Link für Bild gross
http://www.abload.de/img/16.11.scrapramona272z.gif

[#Frank]

Ich habe es nun bei mir im Test Forum mal in das Modul eingesetzt.
Wenn du mal schauen willst?
Den Code den ich eingesetzt habe ist dieser:

Code:

<a href="javascript:void(1)" onClick="javascript:window.open('http://www.abload.de/img/16.11.scrapramona272z.gif','','scrollbars=no,resizable=no,width=500,height=500')"><img src="http://www.abload.de/img/bild1t71t.gif"></a>

So sollte es auch bei dir klappen.
Soll ich mir das mal bei dir ansehen?
Wenn du möchtest, das ich dir das mal einstelle für dein erstes Bild, dann brauche ich mal Zugangsdaten für einen Admin Account zu deinem Forum per PN.

[Braunbär]

Auf so ein Angebot sage ich doch nicht nein, das freut mich sehr
DANKE, Daten kommen per PN

[#Frank]

Ich habe es nun mal für das erste Bild eingesetzt. Wenn du mal bei dir im Forum schaust, dann siehst du, das es nun beim ersten Bild klappt.
Der Komplette Code ist der hier:

Code:

<marquee behavior="scroll" direction="left" scrollamount="2" id="mymarquee1">

<a href="javascript:void(1)" onClick="javascript:window.open('http://www.abload.de/img/16.11.scrapramona272z.gif','','scrollbars=no,resizable=no,width=482,height=463')"><img src="http://www.abload.de/img/bild1t71t.gif"></a>

&nbsp;&nbsp;&nbsp;<img src="http://i23.servimg.com/u/f23/12/83/34/24/bild1710.png">

&nbsp;&nbsp;&nbsp;<img src="http://www.abload.de/img/bild2n7q0.gif">

&nbsp;&nbsp;&nbsp;<img src="http://www.abload.de/img/bild3m734.gif">

&nbsp;&nbsp;&nbsp;<img src="http://www.abload.de/img/bild4m7cj.png">

&nbsp;&nbsp;&nbsp;<img src="http://www.abload.de/img/bild5m7v2.jpg">

&nbsp;&nbsp;&nbsp;<img src="http://i23.servimg.com/u/f23/12/83/34/24/bild1810.png">

&nbsp;&nbsp;&nbsp;<img src="http://i22.servimg.com/u/f22/16/12/96/41/dream_10.jpg">

&nbsp;&nbsp;&nbsp;<img src="http://i23.servimg.com/u/f23/12/83/34/24/bild510.png"> 
</marquee>

Du musst die anderen Bilder nun auf genau die Gleiche Art bei dir im Forum einsetzen.

[Braunbär]

Wau , na ist das SPITZE DANKE DANKE!!!!!!!!!!!!!!!!!!

[#Frank]

Ich hoffe, das du es nun selber hin bekommst.
Viele weitere Informationen hierzu findest du hier:
http://de.selfhtml.org/javascript/objekte/window.htm
Dort wird dir alles erklärt, was es zu dem Thema zu wissen gibt.