[Solved] cgsi_convert and jQuery

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

[Solved] cgsi_convert and jQuery

Post by musicscore »

Please some advise.

I created a news template and I use cgsi_convert to size the image

Code: Select all

{cgsi_convert filter_croptofit="260,146"}<img src="....>{/cgsi_convert}
This workst perfect.

Now I want to use a jQuery script on the same image.
(js file is attached)

Code: Select all

    <__script__>
        $(function() {
        
            $('.zooming').hoverZoom(); // Default
        }); 
    </__script>
So I change the img tag in the news template

Code: Select all

{cgsi_convert filter_croptofit="260,146"}<a class="zooming" href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}"><img src="{$entry->file_location}/{$field->displayvalue}" alt="thumbnail"/></a>{/cgsi_convert}
Without the cgsi_convert filter the jQuery scripts works but using the cgsi_convert the jQuery script stops working.

Because I do not know what the size is of the images I user uploads to use in the news article I need to crop2fit the image to 260,146 but I also want to use the jQuery script.

Please help.
Attachments
source.zip
Swish jQuery Zoom Hover Effect Plugin Freebie
(312 KiB) Downloaded 213 times
Last edited by musicscore on Tue Dec 20, 2016 7:39 pm, edited 1 time in total.
musicscore
Power Poster
Power Poster
Posts: 444
Joined: Wed Jan 25, 2006 11:53 am
Location: Netherlands

[Solved] cgsi_convert and jQuery

Post by musicscore »

Found the solution (after a couple of days breaking my mind).
Set Image Embedding Mode: None solved the problem.
Locked

Return to “Layout and Design (CSS & HTML)”