Reel.js Plugin not working in chrome browser
Hi,
Im using Reel.js for my projet, first it will workis correct, but when adding follwing controls its not working in chrome browsers.
- $(document).ready(function(){
- //init next et prev
- var prev=0;
- var next=0;
-
- $('#controls')
- .append($('<a/>').click(function(){ $('#imgRotate').trigger('stepRight') }))
- .append($('<a/>').click(function(){ $('#imgRotate').trigger('stepLeft') }));
- });
Please Correct the code for working in also the Chrome browsers.
Old Code is :
- function loadImgs() {
- var loadImages = document.getElementById("loadImages");
- if (loadImages != null) {
- if (browse == "Internet Explorer") {
- if (ieVersion > 8) {
- loadImages.innerHTML = '<img id="imgRotate" src="image/00001.png" class="reel" id="image" data-images="image/#####.png" data-footage="8" data-cw="false" data-orbital="3" data-inversed="true" data-speed="stop">';
- }
- else {
- loadImages.innerHTML = '<img id="imgRotate" src="image/00001.png" class="reel" id="image" data-images="image/#####.png" data-footage="8" data-cw="false" data-orbital="3" data-inversed="true" data-speed="stop">';
- }
- }
- else if (browse == "Chrome") {
- loadImages.innerHTML = '<img id="imgRotate" src="image/00001.png" class="reel" id="image" data-images="image/#####.png" data-footage="8" data-cw="false" data-orbital="3" data-inversed="true" data-speed="stop">';
- }
- else if (browse == "Firefox") {
- loadImages.innerHTML = '<img id="imgRotate" src="image/00001.png" class="reel" id="image" data-images="image/#####.png" data-footage="8" data-cw="false" data-orbital="3" data-inversed="true" data-speed="stop">';
- }
- else {
- loadImages.innerHTML = '<img id="imgRotate" src="image/00001.png" class="reel" id="image" data-images="image/#####.png" data-footage="8" data-cw="false" data-orbital="3" data-inversed="true" data-speed="stop">';
- }
- }
-
- }
- loadImgs();