[solved] JS-Bildslider mit CP Bilder (spezial)
Posted: Sun 2. Aug 2009, 18:23
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
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:
Vorschläge?
Liebe Grüsse
Ralph
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}">
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>
Liebe Grüsse
Ralph