ANLEITUNG: In ThickBox Bildbeschreibungen spezifisch für jedes Bild anzeigen

[Tomcraft]

Nein, da kann ich keine Lösung "mal eben so" aus dem Ärmel schütteln.

Grüße

Torsten

[AJ Alpha]

Hallo allerseits,

es genügt, in der thickbox.css die Höhenangabe des Unterschriften-Bereichs auszukommentieren. Dann ist die Thickbox einfach so hoch wie der Text es benötigt.

Grüße,
Max

[Tomcraft]

Schön, dass du es selber noch gefunden hast.

Danke für's Teilen!

Grüße

Torsten

[JPW]

Danke @AJ Alpha

Ich habe das mal nachgefummelt. Jedoch wird unter dem Bild immer die Beschreibung des nächsten Bildes ausgegeben. Beim letzten Bild erscheint nur noch der Ladebalken.
Wie bekomme ich Bild und Text beim Popup richtig zugeordnet? Die Info-Images haben die richtige Textzuordnung.

[Fakrae]

*hier stand quatsch*

[JPW]

Wenn du schnell genug warst, hat es sicher niemand bemerkt. 

[karsta.de]

Um die unterschiedlichen Bilddescriptions auch in der Thickbox anzuzeigen ist es einfacher als gedacht. Die Thickbox nimmt den Text aus dem im Link-Tag hinterlegten title.

also für das erste Bild z.B. so:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE!=''}
<a href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" title="{$PRODUCTS_IMAGE_DESCRIPTION}" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>
{/if}

und für weitere Bilder z.B. so:

Code: PHP  [Auswählen]

{if $more_images|@count > 0}
<!-- More Pictures -->
<div class="morepics">
{foreach item=more_images_data from=$more_images}
<a href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" title="{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}" rel="{$PRODUCTS_ID}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" title="{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}" alt="{$PRODUCTS_NAME}" /></a>                          
{/foreach}
</div>
<div style="clear:both;"></div>
{/if}
 

So braucht man nicht unnötig in der thickbox-JavaScript-Datei rumfummeln.

[JPW]

Hallo kgd,
danke für deine Mühe. Ich habe das mal ausprobiert und die Codepassagen in der product_info_v1.html ausgetauscht.
Nun erscheinen die zusätzlichen Beschriftungen anstelle der Artikelüberschrift in der Thickbox. Lässt sich auch beides realisieren, also Artikelüberschrift und Bildunterschrift?
Bei den "More Pics" fehlen nun auch die Beschriftungen über den Thumbnails. Beim ersten Foto ist die noch vorhanden.

Viele Grüße
Jens

[karsta.de]

Um den Titel und die Beschreibung anzuzeigen schreibst du im title einfach beides rein:

Code: PHP  [Auswählen]

title="{$PRODUCTS_NAME}{if $PRODUCTS_IMAGE_DESCRIPTION !=''} {$PRODUCTS_IMAGE_DESCRIPTION}{/if}"

Für Schrift oben und unten? Benutzt du die Thickbox oder das Popup-Fester, um das Produktbild vergrößert anzuzeigen?

(Zum besseren Verständnis wäre ein Link ganz sinnvoll.)

[JPW]

Hey, das Ziel naht!  Zuerst mal den Link zum Testshop:
http://www.mobiler-musikservice.de/shop/Baeume/Laubbaeume/Sommer/Weide/Trauerweide-Sommer::145.html

Beim 1. Artikelbild ist jetzt alles, wie es soll: Überschrift über dem Thumbnail und bei der Vergrößerung die komplette Bildunterschrift.
Bei den "More Pics" fehlt nur noch die Überschrift bei den Thumbnails. Die Vergrößerung ist jetzt auch richtig.

[karsta.de]

Gib einfach bei den more pics im Image-Tag noch den Produktnamen mit in den title, so:

Code: PHP  [Auswählen]

<img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" title="{$PRODUCTS_NAME} {if $more_images_data.PRODUCTS_IMAGE_DESCRIPTION}{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}{/if}" alt="{$PRODUCTS_NAME}" />

Dann sollte der korrekte Titel wie gewünscht beim Drüberfahren über das Bild angezeigt werden.

[JPW]

Nee, da haben wir uns missverstanden. Beim Drüberfahren mit der Maus wurde schon der richtige Titel angezeigt, hab es nur ohne Bedingung gemacht.
Mir fehlte die richtige Beschriftung direkt über den Bildern.

Code: PHP  [Auswählen]

<div>{$more_images_data.PRODUCTS_IMAGE_DESCRIPTION}</div>
 

Nun ist es perfekt. Vielen herzlichen Dank für deine Hilfe, kgd!