Vom Text umflossene Bilder mit Thickbox vergrößern?

habe mit mit dem tutorial "text umfliesst bild" beschäftigt..

http://www.homepage-baukasten.de/forum/viewtopic.php?t=119955

das haut auch alles gut hin.

besteht denn auch die möglichkeit für die im text befindlichen bilder diese thickbox-funktion anzuwenden, dass diese auf 'klick' in einer neuen box in originalgröße erscheinen?

Hallo,

ja das geht

Dieses Script verwendet auch das Baukasten-Extra Galerie.
Einfügen im Feld "Text über Design" . Hast Du dort CSS-Codes ?
Dann Einfügen NACH dem letzten </style> :

Nun kannst du Bilder auf beliebiger Seite mit sich selbst verlinken:

Die Vorschau-Größe des Bilds legst du mit width="150" fest.
Damit wäre das Bild 150 Pixel breit. Klickt man es an, sieht man es vergrößert im Thickbox-Fenster

.

ok, werd ich mal in ruhe versuchen. aber noch eine frage: wenn ich das in 'text über dem design' eingebe, gilt das ja für alle seiten. laufe ich dann nicht gefahr, dass die 'ordnung' der anderen seiten durcheinander gerät??

also ich bekomme das nicht hin. hab jetzt schon mehrfach rumprobiert, aber es will nicht.

zunächst mal hab ich den befehl den du genannt hast in text über dem design nach dem letzten style-befehl eingefügt.

dann hab ich an im html-code der betreffenden seite versucht den bildcode, der ja 'anders' aussieht, da das bild vom text umflossen sein soll, entsprechend umzumodeln. das bekomm ich aber nicht hin.

mein html der seite (http://groundfever.de.tl/Infektion.htm) fängt mit dem code des rechts ausgerichteten bildes an:

wie muss ich das abändern, damit das bild mit sich selbst verlinkt ist und auf klick groß wird??

Du hast das jetzt markierte vergessen



Gruß
ComicBase

Nicht ganz korrekt .....

So sieht der gewöhnliche HTML Bild-Code aus, um 1 Bild einzufügen :

Damit das Bild anklickbar wird .... wird es ja verlinkt . Mit sich selbst.
Darum 2 mal die gleiche Bild-URL in den Code .
Und durch das class="thickbox öffnet sich das Bild wie im Extra Galerie.

Der Code stand ja auch in der ersten Antwort von mir
So muss dann der Code für das Bild aussehen, das sich öffnen soll wie im Extra Galerie.
Und mit dem width="150" bestimmst du die Vorschau-Größe,
die deine Besucher dann anklicken können
Eine Höhe benötigst du im Bilder-Code nicht, das Bild passt sich in der Höhe automatisch an, wenn es ein width (Breite) bekommt.

In deinem Code befand sich noch align="right"
und das hspace="35" . Das fügst du dem Code dann auch noch zu :

.

weltklasse, hat geklappt!!

Ich bin auch gerade da dran. Doch ich bekomme das auch nicht hin.

Zuerst habe ich dieses

<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript" src="http://img.webme.com/designs/globals/thickbox.js"></script>
<link rel="stylesheet" href="http://img.webme.com/designs/globals/thickbox.css" type="text/css" media="screen" />

eingefügt, genau unter dem letzten style.

Ich habe das Bild hoch geladen. Diesen habe ich dann zu geschickt bekommen und habe den eingefügt in Bildeigenschaften im Link.

Diesen Link

<a href="http://www.bilder-hochladen.net/files/f4i4-d-jpg-nb.html"><img src="http://www.bilder-hochladen.net/files/f4i4-d.jpg" alt="Bilder Upload"></a>

Dann habe ich die 2 Befehle dazwischen gesetzt, aber es funktioniert nicht.


<a href="http://www.bilder-hochladen.net/files/f4i4-d-jpg-nb.html"class="thickbox"><img src="http://www.bilder-hochladen.net/files/f4i4-d.jpg" width="150" align="right" hspace="35"alt="Bilder Upload"></a>

Warum? Auf jeden Fall sieht man auf meiner HP das man das Bild anklicken kann, aber es wird nicht größer.

LG
Marlies

bei mir funktioniert es mit der rel="xyz" nicht. habe alles eingefügt.
Das erste Bild erscheint garnet, und ab dem Zweiten kommt syntax fehler.
Hier der Code den ich habe

Die Codes von der Thickbox habe ich beim Text über dem Design drinnen.
Aber es funktioniert einfach nicht. Kann mir einer von euch helfen.

Normaler weiße sollte auch der Schwarze Balken die Gesamte seite einnehmen tut es auch nicht.

PS: Bilder sind nicht von mir sind von Google zum Testen.
Hier ist auch die Seite wo man es sich anschauen kann. http://nismo.de.tl/Test.htm

Hoffe ihr könnt mir echt helfen.