jquery zoomer rebind after image source changed by javascript -

-

i made small image gallery 1 big image along few small ones under neath. there zoomer attached big image , when click on small image replaces big image zoomer shows old image instead of new one

jquery

jquery(document).ready(function($){ //fire on dom ready             $('#myimage').addpowerzoom()             })

javascript

function movimg(img){     var bimg = document.getelementbyid('myimage');     bimg.src=img.src; $(document).trigger("ready"); }

html

<img id="myimage" src="img/abc.jpg"  alt="" /> <image src="thumbnails/xyz.jpg" onclick="movimg(this);" width="73px" style="cursor:  pointer;" />

where wrong or what's right way it?

thanks

try call $('#myimage').addpowerzoom(); instead of $(document).trigger("ready");

this worked me. looks slight delay happens when change source of image breaks powerzoom. idea call addpowerzoom() after image loaded.

<!doctype html> <html lang="en-au">     <head>         <meta charset="utf-8" />         <script type="text/javascript" src="js/jquery-1.8.2.js"></script>         <script type="text/javascript" src="ddpowerzoomer.js"></script>         <script type="text/javascript">             function movimg(img){                 var bimg = document.getelementbyid('myimage');                 bimg.src = img.src;                 jquery('#myimage').one("load", function() {                     jquery('#myimage').addpowerzoom();                 });             };              jquery(document).ready(function($){                 $('#myimage').addpowerzoom();             });         </script>     </head>     <body>         <img id="myimage" src="img/abc.jpg"  alt="" />         <img id="thumb" src="thumbnails/xyz.jpg" onclick="movimg(this);" width="64px" style="cursor:  pointer;" />     </body> </html>

Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more