[solved] JS-Bildslider mit CP Bilder (spezial)

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
Post Reply
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

[solved] JS-Bildslider mit CP Bilder (spezial)

Post by santscho »

Habe dieses Wochenende an einem slider-Template gearbeitet und jetzt fehlt nur noch das Dupferl auf dem i. Hier der Link:

www(dot)society(dot)asiangeo(dot).com

Hier meine Problemstellung:

Die Bildbeschreibung und der Ziellink sollen in Form von Text das Bild überlagern. Ich habe zwei Lösungsansätze:

1. Das Bild wird in eine Tabellenzelle geladen mittels

Code: Select all

<td class="sliderimage_cell" background="{HIER_DER_RT_DEN_ICH_SUCHE}">
Der Zellen-Inhalt stellt dann meinen Text dar (mit den RT''s für Bildbeschreibung und Bildlink)

Problem, wie lautet der gesuchte RT {HIER_DER_RT_DEN_ICH_SUCHE}, welcher die URL des Bildes ausgibt?

2. Ich überlagere einen DIV für das Bild mit einem DIV für den Text. Soweit die Idee. In der Praxis aber blinkt der Text kurz auf und wird dann vom Bild überdeckt. Obwohl z-Index richtig gesetzt ist (meiner Meinung nach). Hier wie ich es gemacht habe:

Code: Select all

    <td class="sliderimage_cell">
<div style="position: relative; top: 0px; left: 0px; 
 z-index: 1;">[ZOOM]<a href="{IMAGE_ABS}" {LIGHTBOX_CAPTION}target="_blank"{LIGHTBOX}><img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" /></a>		
[/ZOOM][ZOOM_ELSE]
		[IMAGE_URL]<a href="{IMAGE_URL}"{IMAGE_TARGET}>[/IMAGE_URL]<img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" />[IMAGE_URL]</a>[/IMAGE_URL]
[/ZOOM_ELSE]</div>
<div style="position: relative; top: 0px; left: 0px; 
 z-index: 20;"> {CAPTION} </div>
</td>
Vorschläge?

Liebe Grüsse
Ralph
Last edited by santscho on Wed 5. Aug 2009, 17:44, edited 1 time in total.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: JS-Bildslider mit CP Bilder (spezial)

Post by santscho »

:oops: Ich gebe mir die Antwort gleich selber: {IMAGE_ABS}
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
Post Reply