3
Ich verwende ein Zoom-Bild jQuery-Skript auf meiner Seite. Es funktioniert gut, wenn ich ein Bild zeigen muss, scheitert aber natürlich, wenn ich 3 verschiedene Bilder in meine Markierung injiziert habe. Ich möchte wissen, wie ich mein Skript bearbeiten kann, damit ich das referenzierte jQuery-Skript mehrmals auf meiner Seite verwenden kann.Bild vergrößern jQuery
Die HTML und Bindung Skript ist als
<div id="zoomcontainer">
<div class="zoomapp" id="zoomapp"> <img id="imgRecord" class="jqzoom" src="/demo-image.jpg"/>
<div id="zoomerNav"> <a id="btn_up" href="#"></a> <a id="btn_dn" href="#"></a> <a id="btn_left" href="#"></a> <a id="btn_right" href="#"></a> <a id="btn_plus" href="#"></a> <a id="btn_minus" href="#"></a> <a id="btn_home" href="#"></a> </div>
</div>
<script type="text/javascript">
$(function() {
$('#imgRecord')
.grViewer({ zoomLimit: 2, renderScale: 0.5 })
.bind('load', function() { $('#zoomapp').css('background', $('#zoomapp').css('backgroundColor')); });
});
</script>
statt '# imgRecord' (ID) versuchen' .imgRecord' (CLASS) –
zu verwenden, die war mein erster Versuch zu beheben, aber hat nicht funktioniert, deshalb habe ich das gepostet. Ich hatte gehofft, dass es so einfach wird. – gek
Kann nicht sagen, was du gepostet hast .grViewer ist wirklich. –