Leuchttisch auch bei Bildern im Textabsatz

[blue]

Als ich Web to Date 6.0 das erste mal ausprobierte gefiel mir das Plugin Leuchttisch am besten. Gerade als Fotograf möchte ich Fotos ansprechend präsentieren. Was mich störte war, dass die Bilder im Textabsatz immer noch ein eigenes Browserfenster öffnen und so plump dargestellt werden ;-)

Das habe ich nun geändert. Beispiel: Einfach mal das Schaf anklicken

Web to Date 6.0 Hack Leuchttisch für Textabsatzgrafik

Die Änderung ist eigentlich ganz easy...
1. muss irgendwo im Projekt in einem Absatz das Plugin Leuchttisch benutzt werden, damit das Java Script in den assets Ordner kopiert wird.

2. muessen alle Seiten in PHP erzeugt werden.

3. Muss in der page.ccml

statt:

<cc:if cond="&para.sidepicture.zoom.ispicture">
<cc:picture uid="&para.sidepicture.zoom.uid" obj="hugepic">
<a href="<cc:printpictureurl obj="hugepic">" target="_blank"><cc:printpicture obj="parapic_160"></a>
</cc:if>

folgender Code eingefügt werden:

<cc:if cond="&para.sidepicture.zoom.ispicture">
 
<cc:*>
--------------------------------------------------
Änderung auf Leuchttischanzeige im Textabsatz
www.webtodateforum.de
--------------------------------------------------
</cc:*>
 
<script type="text/javascript">
//<![CDATA[
 
if (document.getElementById('lb_script') == null) {
    var s = document.createElement("script");
    s.id = "lb_script";
    s.img_path = "http://<?php echo $_SERVER['SERVER_NAME'];?>/images/"; 
    s.js_path = "http://<?php echo $_SERVER['SERVER_NAME'];?>/assets/"; 
    s.src = s.js_path + "w2dlightbox.js";
    s.type = "text/javascript";
    document.getElementsByTagName('head')[0].appendChild(s);
 
    var lb_matrix = new Array();
    function lb_init(matrix_id) {
        if (typeof(lb) == 'object')
            lb.init(lb_matrix[matrix_id]);
        else
            setTimeout("lb_init('" + matrix_id +"')", 200);
    }
}
 
lb_matrix['matrix<cc:print value="&para.sidepicture.uid">'] = new Array(); 
 
//]]>
 
</script>
 
<table><tr><td id="e<cc:print value="&para.sidepicture.uid">">
<cc:picture uid="&para.sidepicture.zoom.uid" obj="hugepic">
<cc:printpicture obj="parapic_160">
</td></tr></table>
<?php
$bildinfo = getimagesize("<cc:printpictureurl obj="hugepic">");
$breite=$bildinfo[0];
$hoehe=$bildinfo[1];
$bildname = '<cc:printpictureurl obj="hugepic">';           
$bildname = str_replace("images", "", $bildname);
$bildname = str_replace("../", "", $bildname);
$bildname = str_replace("./", "", $bildname);
$bildname = str_replace("/", "", $bildname);
 
?>
<script type="text/javascript">
//<![CDATA[
 
lb_matrix['matrix<cc:print value="&para.sidepicture.uid">'].push({ 
    'id' : "e<cc:print value="&para.sidepicture.uid">", 
    'width' :<?php echo $breite;?>, 
    'height' :<?php echo $hoehe;?>, 
    'title' : "<cc:print value="&para.sidepicture.caption"> - <cc:print value="&para.sidepicture.text">", 
    'file' : "<?php echo $bildname;?>" 
});
 
lb_init('matrix<cc:print value="&para.sidepicture.uid">'); 
 
//]]>
</script>
</cc:if>

In der Vorschau wird das nicht funktionieren, da in PHP der direkte Serverpfad für die Images und das Script ermittelt werden muss.

[Andreas]

Hallo blue,
dieser Tip ist GUT, danke dafür!
By the way... das Schaf ist ein geniales Bild :-)

[Andreas]

Hallo blue,

ich habe dein Tip beherzigt, sieht auch gut aus....
nur gibt es so etwas auch für den Sidebar und wie
wandele ich die HTML-Seiten in .PHP um?

Herzliche Grüße und Frohe Ostern
AH

Nachtrag: html in php = scripterweiterung aktivieren
sorry in diesem Fall zu schnell um Hilfe gerufen ;-)

Gruß AH

[blue]

Hi Andreas... das sollte wohl kein Problem werden... den Leuchttisch auch in die Sidebar und Tabellen etc. zu bekommen :-)

Leider habe ich im Moment wenig Zeit, da ich gerade ein großes Forum auf W2D umstelle ....

[Andreas]

Viel Spaß und gutes gelingen!
Gruß
AH

[voodoo36]

Hallo,
wenn ich im Design My, in die page.ccml Datei den Code einfüge, wird überhaupt nichts mehr im Hauptfenster angezeigt...
Nur die Buttons und das in der Kontex Spalte wird angezeigt????
Wo liegt der Fehler??

[blue]

Das neue My nutzt <cc:printpicture xhtml="1" obj="parapic_160">

Ich habe den Code hier für das neue My angepasst:

<cc:if cond="&para.sidepicture.zoom.ispicture">
 
<cc:*>
--------------------------------------------------
Änderung auf Leuchttischanzeige im Textabsatz
www.webtodateforum.de
--------------------------------------------------
</cc:*>
 
<script type="text/javascript">
//<![CDATA[
 
if (document.getElementById('lb_script') == null) {
    var s = document.createElement("script");
    s.id = "lb_script";
    s.img_path = "http://<?php echo $_SERVER['SERVER_NAME'];?>/images/"; 
    s.js_path = "http://<?php echo $_SERVER['SERVER_NAME'];?>/assets/"; 
    s.src = s.js_path + "w2dlightbox.js";
    s.type = "text/javascript";
    document.getElementsByTagName('head')[0].appendChild(s);
 
    var lb_matrix = new Array();
    function lb_init(matrix_id) {
        if (typeof(lb) == 'object')
            lb.init(lb_matrix[matrix_id]);
        else
            setTimeout("lb_init('" + matrix_id +"')", 200);
    }
}
 
lb_matrix['matrix<cc:print value="&para.sidepicture.uid">'] = new Array(); 
 
//]]>
 
</script>
 
<table><tr><td id="e<cc:print value="&para.sidepicture.uid">">
<cc:picture uid="&para.sidepicture.zoom.uid" obj="hugepic">
<cc:printpicture xhtml="1" obj="parapic_160">
</td></tr></table>
<?php
$bildinfo = getimagesize("<cc:printpictureurl obj="hugepic">");
$breite=$bildinfo[0];
$hoehe=$bildinfo[1];
$bildname = '<cc:printpictureurl obj="hugepic">';           
$bildname = str_replace("images", "", $bildname);
$bildname = str_replace("../", "", $bildname);
$bildname = str_replace("./", "", $bildname);
$bildname = str_replace("/", "", $bildname);
 
?>
<script type="text/javascript">
//<![CDATA[
 
lb_matrix['matrix<cc:print value="&para.sidepicture.uid">'].push({ 
    'id' : "e<cc:print value="&para.sidepicture.uid">", 
    'width' :<?php echo $breite;?>, 
    'height' :<?php echo $hoehe;?>, 
    'title' : "<cc:print value="&para.sidepicture.caption"> - <cc:print value="&para.sidepicture.text">", 
    'file' : "<?php echo $bildname;?>" 
});
 
lb_init('matrix<cc:print value="&para.sidepicture.uid">'); 
 
//]]>
</script>
</cc:if>

[voodoo36]

Hallo Blue, der neue Code hat auch nichts verändert!
Sobald ich deinen Code in die MY page.ccml Datei einfüge, sehe ich keine Bilder und Texte mehr Hauptfenster mehr... Sorry
Trotzdem Danke für die Mühe, nur gut das ich die alte Datei vorher gesichert habe..
Gruß voodoo36

[blue]

Hast Du die Seite auf PHP umgestellt ?
Ist im Projekt schon ein Leuchttisch installiert?

[voodoo36]

Hallo blue,
ja die Seite ist in zum Teil in php, Leuchttisch ist auch installiert...