jQuery and Internet Explorer - Image Cube
Posted: Tue Aug 16, 2011 5:35 am
Hi guys,
Any advice would be appreciated on this.
I've adapted Keith Woods Image Cube plug in which works perfectly on all browsers (http://keith-wood.name/imageCube.html).
However - I wanted to attempt to replicate the image cube several times on one page so that it would look like a rubix cube - here's my example (http://voguelondon.vogue-media.co.uk/).
All I did was change the id as shown below so that the images would not conflict:
This works perfectly on Firefox and Safari but on Internet Explorer 7/8 the image crashes on the first rotation and doesn't move.
Am I missing something blatently obvious here? I'm not great at coding but I don't think I've missed out on anything too obvious?
I've even tried replicated the js files and renaming them imagecube2/3/4 etc but to no avail.
Any help would be greatly appreciated.
V.
Any advice would be appreciated on this.
I've adapted Keith Woods Image Cube plug in which works perfectly on all browsers (http://keith-wood.name/imageCube.html).
However - I wanted to attempt to replicate the image cube several times on one page so that it would look like a rubix cube - here's my example (http://voguelondon.vogue-media.co.uk/).
All I did was change the id as shown below so that the images would not conflict:
Code: Select all
<script type="text/javascript">
$(function () {
$('#1Cube').imagecube({imagePath: 'images/'});
});
</script>
<script type="text/javascript">
$(function () {
$('#2Cube').imagecube2({imagePath: 'images/'});
});
</script>
Am I missing something blatently obvious here? I'm not great at coding but I don't think I've missed out on anything too obvious?
I've even tried replicated the js files and renaming them imagecube2/3/4 etc but to no avail.
Any help would be greatly appreciated.
V.