Zoom

HI! Thanks!
I think you can do that by modifying the file single-flip_pong.php (in your theme directory).
The onclick is normally set on the zoom button, and it launch the JS function supazoomin().
I think you can put it on images, but I guess you’ll have to create a “toggle condition”: if the books is on normal scale, you zoom in, and if it’s on “zoomed-scale”, you un-zoom it (with the JS function supazoomout() ).

Thanks buddy, that’s what I did. And it worked. I’ll post here to help the next. Or even to help the next version.

<script>

$(“#flipbook”).click(function(){

$(this).toggleClass(function(index, classold, classtroca) {
if ( $( this ).is(“.semzoom”) ) {
supazoomin();
} else {
supazoomout();
}
});

});

</script>

Cool! Glad you succeed!
May I see the result ?

This is a project in production yet. It is being done locally. Once completed I will post here.

Inside the js folder is a file called script. In the end it has a code to supazoomin and supazoomout. What is the purpose?

/* function supazoomin(){

	var supazoom = 1.5;
	supazoom = $("#magazine").turn("zoom");
	supazoom += 0.5;
	$("#magazine").turn("zoom", supazoom);
	var img = document.getElementsByClassName('flipbookimg');
	for (var i = 0; i < img.length; i++) {
		var width = img[i].width;
		var width = (width*0.5);
		img[i].width += width;
	}

}

function supazoomout(){
	var supazoom = 1.5;
	supazoom = $("#magazine").turn("zoom");
	if(supazoom <= 1){ return 0;}
	supazoom -= 0.5;
	$("#magazine").turn("zoom", supazoom);
	var img = document.getElementsByClassName('flipbookimg');
	for (var i = 0; i < img.length; i++) {
		var width = img[i].width;
		var width = (width*(1/3));
		img[i].width -= width;
	}
}*/

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]