neteye/jquery-plugins — Issue #36: css transform3d property reset on icons
Author: pingram3541
Created: 2012-01-23 11:10:01+00:00
State: open

example:
my image is wrapped in a div with a class of "myDivClass"

and also has the following webkit style, for my image grid positioning - each thumb is unique:

{position: absolute; -webkit-transform: translate3d(570px, 0px, 0px);}

I then call touchGallery against all matching divs, which works....

$('.myDivClass').touchGallery({
getSource: function() {
return $(this).children('img').attr('data-largesrc');
}
});

But...the problem is when I click out of the gallery to return back to my thumbnails, the thumbnail img container (myDivClass div) is reset to:

{ -webkit-transform: translate3d(0px, 0px, 0px);}

this results in all my thumbnails stacking on top of each other in the upper right corner of my container