HTML Codes aus 2 verschiedenen plugins kombinieren

[peterpan19]

Hallo,
ich habe folgendes PRoblem und es bisher leider nicht selbst lösen können.
Ich benutze "Bilder bei mouseover vergrößern" aus diesem Thema:
http://www.modified-shop.org/forum/index.php?topic=18760.0
Dazu hätte ich gerne noch lazyload aus diesem Thema:
http://www.modified-shop.org/forum/index.php?topic=18760.0
Der Code für die Bildvergrößerung in der product_listing.html sieht folgendermaßen aus:

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}" class="screenshot" rel="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"info_images"}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" /></a>
 

Der Code für lazy load:

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}"><img class="lazy" src="{$tpl_path}img/placeholder.gif" longdesc="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}"/></a><noscript><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder"/></a></noscript>
 

Ist das kombinierbar, so dass beides genutzt werden kann?
Danke und Gruß


Linkback: https://www.modified-shop.org/forum/index.php?topic=26710.0

[noRiddle (revilonetz)]

Was das HTML betrifft:
Entferne den noscript-Anteil im Editor mal und du wirst sehen, daß es ganz einfach ist.
Den noscript-Teil kannst du nachher wieder anfügen.
Ob die beiden Javascript-Teile sich allerdings gegenseitig stören kann ich dir nicht sagen.

Gruß,
noRiddle

[peterpan19]

Kleine Denkanstöße erhöhen das Denkvermögen 
Vielen Dank noRiddle! So geht's sogar mit beiden plugins:
Shop\templates\deinTemplate\module\product_listing\product_listing_v1.html:

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}" class="screenshot" rel="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"info_images"}">
<img class="lazy" src="{$tpl_path}img/placeholder.gif" longdesc="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}"/></a>
 

Gruß

[noRiddle (revilonetz)]

Den noscript-Teil würde ich trotzdem wieder anhängen
- wie bereits gesagt -
ansonsten würde ein Besucher der Javascript deaktiviert hat keine Bilder sehen.

Gruß,
noRiddle

[peterpan19]

Ok, Du hast natürlich Recht.
Ohne javascript wird kein Bild angezeigt. Zur Vollständigkeit halber hier noch mal der ganze Codeschipsel, Mit javascript funktioniert sowohl lazyload, als auch Bildzoom bei mouseover, ohne javascript werden die Bilder trotzdem angezeigt, alledings ohne Special Effects  :
Vielleicht kann der Titel noch geändert werden, "lazyload und Bildzoom bei mouseover in product_listing kombiniert".
Im Orginal Code (1.06-r4642) suche:
Shop\templates\deinTemplate\module\product_listing\product_listing_v1.html:

Code: PHP  [Auswählen]

{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" /></a>

Und ersetze mit folgendem:

Code: PHP  [Auswählen]

{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}" class="screenshot" rel="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"info_images"}">
<img class="lazy" src="{$tpl_path}img/placeholder.gif" longdesc="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}"/></a>
<noscript><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder"/></a></noscript>
 

Noch mal vielen Dank noRiddle, mal wieder der entscheidende Beitrag zur Lösung!

Gruß