PDA

View Full Version : adding Featured Image Zoomer v1.5 problem



soffi
10-15-2011, 05:54 AM
1) Script Title: Featured Image Zoomer v1.5

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

3) Describe problem:
hello all, i tried to adding
adding Featured Image Zoomer v1.5 to product details joomla.(sample link below)
link:
http://www.heavenskateboards.com/home/shop.html?page=shop.product_details&flypage=flypage.tpl&product_id=298&category_id=23

the problem is, the script not work at 1st time you view that page, but must try to reload or refresh that page.after that the script is working

So, i added lightbox for help visitor looking in large images, if the script not works

what can i do to fix?
thx

jscheuer1
10-15-2011, 11:18 AM
That page has a lot going on. It's possibly some sort of conflict, and/or just the load weight of the page. I had trouble reproducing it. The easiest way was to use Firefox and do a Ctrl/F5 (clear cache and reload). It worked fine in IE, initially and with or without clearing the cache. Opera had the problem on initial load, but clearing the cache would not allow me to duplicate the problem (Opera may keep some scripts in cache even while clearing images and page text).

So Firefox appears to be the only browser that can even reliably show the problem.

I tried removing some of the other scripts. I couldn't find the right combo. I also tried putting the init for the zoomer at the end of the page, and then at the beginning - no help either way.

What does work in Firefox, and presumably others where this is a problem, is to replace (document ready):


<script type="text/javascript">jQuery(document).ready(function($){$('#image1').addimagezoom({zoomrange:[3,3],magnifiersize:[350,350],magnifierpos:'right',cursorshade:true,largeimage:'http://www.heavenskateboards.com/home/components/com_virtuemart/shop_image/product/BPHVN_01_4d8c50ebc768f.jpg'})})</script>

with window load:


<script type="text/javascript">jQuery(window).load(function(){jQuery('#image1').addimagezoom({zoomrange:[3,3],magnifiersize:[350,350],magnifierpos:'right',cursorshade:true,largeimage:'http://www.heavenskateboards.com/home/components/com_virtuemart/shop_image/product/BPHVN_01_4d8c50ebc768f.jpg'})})</script>

There are other problems with he page. This shows in all browsers I tested in:


Info: Your browser does not accept cookies. To put products into your cart and purchase them you need to enable cookies.

even though cookies are enabled in them. Also, I get the error (in Firefox, but similar in others):


Error: Slimbox is not defined
Source File: http://www.heavenskateboards.com/home/components/com_virtuemart/fetchscript.php?gzip=0&subdir[0]=/themes/default&file[0]=theme.js&subdir[1]=/js&file[1]=sleight.js&subdir[2]=/js/mootools&file[2]=mootools-release-1.11.js&subdir[3]=/js/mootools&file[3]=mooPrompt.js&subdir[4]=/js/slimbox/js&file[4]=slimbox.js
Line: 129

But I don't think those have anything to do with it.

soffi
10-15-2011, 11:41 AM
woww..im so appreciated, that why i like your script and always keep it to my site.
yap,,,clean cache its only clean my pc,not for other/visitor,except they know to do it..
i will try your changes,,hope that works.

soffi
10-15-2011, 11:47 AM
with window load:


<script type="text/javascript">jQuery(window).load(function(){jQuery('#image1').addimagezoom({zoomrange:[3,3],magnifiersize:[350,350],magnifierpos:'right',cursorshade:true,largeimage:'http://www.heavenskateboards.com/home/components/com_virtuemart/shop_image/product/BPHVN_01_4d8c50ebc768f.jpg'})})</script>



woww script seems working! thx a lot master!!

nexus0815
01-05-2012, 11:43 AM
hey there,
i'm new here and have the same problem with featured image zoomer v1.5

i've tried to change the script like jscheuer1 said, tried to clean up cache and even browsers history. with no effect. the script doesn't work.

here is a sample link:
www.outdoorshop24.net/catalog/product_info.php?products_id=546

image zoomer shoult apply to the large product image on the left side of the page.

i don't have any idea, how to fix that. i wonder if there is a conflict with ddmegamenu??

tried to get the script working in ie8 and firefox8...

btw: sorry for my bad english, i usually speak german ;)

jscheuer1
01-05-2012, 04:01 PM
You've done a number of things that you didn't have to and there are some things I would tighten up. But to just get it working, add the highlighted to the on page style section as shown:


<style type="text/css">

.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}
.magnifyarea, .zoomtracker, .zoomstatus, .cursorshade {
z-index: 8;
}

</style>

Of course, at that point you will want to change the highlighted url:


$(document.getElementById('image1')).addimagezoom({
zoomrange: [3, 10],
magnifiersize: [300,300],
magnifierpos: 'right',
cursorshade: true,
largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- No comma after last option!
})

so that it points to an image that's a larger higher resolution version of the parka. This image should have the same aspect ratio as the 606087.jpg (the parka image) image.

Things I would do to tighten this up are (these are all optional, but should be done together if at all) -

Change the DOCTYPE from:


<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

to:


<!DOCTYPE html>

Replace:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

with:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

Get rid of:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

And change:


$(document.getElementById('image1')).addimagezoom({

to:


$('#image1').addimagezoom({

nexus0815
01-05-2012, 11:13 PM
thanks a lot jscheuer1, it works well now...

didn't see the wood because of a lot of trees ;)

Karlos
05-25-2012, 09:18 AM
Hello I used to execute this script with jquery 1.6.1 and it was great!

Now I had to update to 1.7.2
Unfortunately it does not execute.

Is it possible to help me? Any pointers?

Thank you in advance

jscheuer1
05-25-2012, 04:13 PM
Hello I used to execute this script with jquery 1.6.1 and it was great!

Now I had to update to 1.7.2
Unfortunately it does not execute.

Is it possible to help me? Any pointers?

Thank you in advance

See:

http://www.dynamicdrive.com/forums/showthread.php?t=68698

If that doesn't fix it, let me know.

BTW, ddadmin says in that thread that he will update the script on the demo page, but he hasn't yet.