jquery - Fancybox different appearance -


please @ link below , click on each item.
http://seerman.ir/index.php?page=products&cat=tableau&sid=43
once clicking on new thumbnail, fancybox works until wants show picture. while appearing picture, wrapper box move bottom. when want see same item again after click on it, appears correctly. how can solve problem ?

i advice fix things on site :

1). use single instance of jquery. loading version 1.8.0 , 1.7.0

2). have several duplicated ids when should unique within same page change links this

<a id="example1" href=pages/details.php?cat=tableau&id=35&code=1123>... 

into this

<a class="example1" href="pages/details.php?cat=tableau&id=35&code=1123">... 

notice added missing quotes href=" "

3). fancybox doesn't know opening images because format of link (href) calculates position of box initial content , renders image position change this

j("a#example1").fancybox(); 

into this

j("a.example1").fancybox({     type: "image",     oncomplete: function () {         var repos = settimeout(function () {             $.fancybox.center();         }, 1000)     } }); 

check faqs no.6 further information.

notice changed selector's prefix # . because using classes

edit : since php file returning data before image, fancybox top position calculated based on data. may want run $.fancybox.center() method after image has been shown. give seconds load using settimeout


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -