Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.08.2010 um 18:58 (UTC)    
Titel: 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?
Beitrag21.08.2010 um 13:13 (UTC)    
Titel:

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> :

Zitat:

<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" />


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

Zitat:

<a href="BILD-URL" class="thickbox"><img src="BILD-URL" width="150" alt="" border="0" /></a>


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 Wink

.


Zuletzt bearbeitet von iceblue-test am 21.08.2010, 14:14, insgesamt einmal bearbeitet
Beitrag22.08.2010 um 18:09 (UTC)    
Titel:

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??
Beitrag01.09.2010 um 20:59 (UTC)    
Titel:

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.

Zitat:

<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" />


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:
Zitat:

<img hspace="35" height="207" width="213" border="1" align="right" src="http://img.webme.com/pic/g/groundfever/2008wapp.jpg" alt="" />


wie muss ich das abändern, damit das bild mit sich selbst verlinkt ist und auf klick groß wird??
Beitrag01.09.2010 um 21:03 (UTC)    
Titel:

groundfever hat Folgendes geschrieben:

Zitat:

<img hspace="35" height="207" width="213" border="1" align="right" class="thickbox" src="http://img.webme.com/pic/g/groundfever/2008wapp.jpg" alt="" />


Du hast das jetzt markierte vergessen

Wink

Gruß
ComicBase


Zuletzt bearbeitet von comicbase am 01.09.2010, 22:03, insgesamt einmal bearbeitet
Beitrag02.09.2010 um 04:38 (UTC)    
Titel:

Nicht ganz korrekt .....

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

Zitat:

<img src="Bild-URL" alt="Bild" />


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.

Zitat:

<a href="BILD-URL" class="thickbox"><img src="BILD-URL" width="150" alt="Bild" border="0" /></a>


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 Wink
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 :

Zitat:

<a href="BILD-URL" class="thickbox"><img src="BILD-URL" width="150" align="right" hspace="35" alt="Bild" border="0" /></a>



.


Zuletzt bearbeitet von iceblue-test am 02.09.2010, 05:56, insgesamt 3-mal bearbeitet
Beitrag02.09.2010 um 18:11 (UTC)    
Titel:

weltklasse, hat geklappt!!
Beitrag02.09.2010 um 18:37 (UTC)    
Titel:

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
Beitrag05.10.2010 um 19:20 (UTC)    
Titel:

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
Code:
<a href="http://data68.sevenload.com/slcom/zw/er/ghgkic/lkdppmkfimf.jpg~/Photoshop-Tiere-Fun-Bilder.jpg" title="Test 3" class="thickbox" rel="1">   <img width="150" height="175" border="0" src="http://data68.sevenload.com/slcom/zw/er/ghgkic/lkdppmkfimf.jpg~/Photoshop-Tiere-Fun-Bilder.jpg" alt="" /></a>     <a href="http://img21.imageshack.us/img21/8081/13913231.jpg" title="Test 0190" class="thickbox" rel="1">   <img width="150" height="175" border="0" src="http://img21.imageshack.us/img21/8081/13913231.jpg" alt="" /></a>        <a href="http://www.kaserbacher.com/uploads/pics/steckdose-in-pool-auf-schlappen.jpg" title="Tester" class="thickbox" rel="1">   <img width="150" height="175" border="0" src="http://www.kaserbacher.com/uploads/pics/steckdose-in-pool-auf-schlappen.jpg" alt="" /></a><a href="http://www.wallpaper-area.to/wallpaper/12/252/Fun_033.jpg" title="Test 1" class="thickbox" rel="1">   <img width="150" height="175" border="0" src="http://www.wallpaper-area.to/wallpaper/12/252/Fun_033.jpg" alt="" /></a>

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.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de