Results 1 to 6 of 6

Thread: cmotion image gallery not working well on ie8

  1. #1
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default cmotion image gallery not working well on ie8

    1) Script Title: CMotion Image Gallery

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm

    3) Describe problem:

    Hi,

    For some reason, the image gallery fails to load on my site in IE. I'm using IE8. If you go to www.t2pictures.com, the image gallery loads with a yellow bar at the top asking if I wish to allow scripts and activeX. When i click on it, and select yes, the page refreshes and the image gallery can't be seen anymore.

    It works well on FF, Safari and Chrome though.

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    There are a few problems on the page. I think the reason it doesn't work in IE8 may be because of the javascript errors that can be seen. The errors relate to the motiongallery js. It is because there are some id's missing on the page. motioncontainer, motiongallery and the truecontainer id's can't be found . It is a bit confusing to troubleshoot because it seems that you have scripts for both the motiongallery and also the text and image crawler
    Do you actually need both ? If not you could remove the files/scripts that you don't need, that would make it easier to correct the errors.
    There are other problems and I think It will help if you used the validator to clean up these

  3. #3
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by azoomer View Post
    There are a few problems on the page. I think the reason it doesn't work in IE8 may be because of the javascript errors that can be seen. The errors relate to the motiongallery js. It is because there are some id's missing on the page. motioncontainer, motiongallery and the truecontainer id's can't be found . It is a bit confusing to troubleshoot because it seems that you have scripts for both the motiongallery and also the text and image crawler
    Do you actually need both ? If not you could remove the files/scripts that you don't need, that would make it easier to correct the errors.
    There are other problems and I think It will help if you used the validator to clean up these
    Actually, I need both scripts to work.

    I'm just rather curious how come it will work in IE8 without clicking the yellow bar thing.

    Could you guide me on filling in the javascript ids? Cause I'm a bit new to javascript..

    Also, the validator doesn't mention anythnig about javascript problems....

    Thanks for your patience..

  4. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I guess the "yellow bar thing" must be when you allow the active x in IE, but that is only happening when loading the page from a file on a local machine. When the page is online this step is not needed. The fact that you see the pictures before allowing the active x could indicate that it stops working when javascript gets enabled. So we will have to fix these javascript errors. I'm not an expert on javascript, but I will have a look at it later tonight and see if I can come up with something.

  5. The Following User Says Thank You to azoomer For This Useful Post:

    ranteo (08-04-2010)

  6. #5
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by azoomer View Post
    I guess the "yellow bar thing" must be when you allow the active x in IE, but that is only happening when loading the page from a file on a local machine. When the page is online this step is not needed. The fact that you see the pictures before allowing the active x could indicate that it stops working when javascript gets enabled. So we will have to fix these javascript errors. I'm not an expert on javascript, but I will have a look at it later tonight and see if I can come up with something.
    Okay, thanks a lot! I think it's probably an IE bug, because the site loads well in FF, Chrome and Safari. Just not too sure what bug it is.

    Thanks once again!

  7. #6
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Hi Ranteo, I'm struggling a bit with your page. It's difficult to figure it out. Are you absolutely sure you need both of those scripts. As I see it now it seems that the text and image crawler is doing the job, but I cant see what the CMotion Image Gallery is doing, maybe i'm blind. But how can the script do anything without a structure like this ( copy from the documentation page)
    Code:
    <div id="motioncontainer" style="position:relative;overflow:hidden;">
    <div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
    
    <nobr id="trueContainer"><a href="javascript:enlargeimage('dynamicbook1.gif')"><img src="dynamicbook1.gif" border=1></a> <a href="javascript:enlargeimage('dynamicbook1.gif', 300, 300)"><img src="dynamicbook1.gif" border=1></a> <a href="http://www.dynamicdrive.com"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a> <a href="#"><img src="dynamicbook1.gif" border=1></a></nobr>
    
    </div>
    </div>
    I'm thinking about what would happen if you removed ( or outcomment) all the motiongallery files/scripts ? Would everything work the same way, but maybe without the errors ?
    I don't know, I may be wrong. It's a difficult page to test with a ton of images and many scripts that could conflict. And unfortunately i'm not a "table" kind of guy. Also I Cant really get it running properly on my local computer.

    edit: just a couple of notes before I throw in the towel
    the link to the stylesheet looks like this
    <style type="text/css" href="js css/gallerystyle.css" />
    you would wanna change it to something like this
    <link rel="stylesheet" type="text/css" href="js css/gallerystyle.css">
    and without the selfclosing when using html doctype.

    The marquee initiation looks like this
    Code:
    <script type="text/javascript">
    marqueeInit({
    	uniqueid: 'table',
    	style: {
    		'padding': '2px',
    		'width': '1500px',
    		'height': '600px',
    		'overflow':'hidden',
    	},
    	inc: 12, //speed - pixel increment for each iteration of this marquee's movement
    	mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    	moveatleast: 2,
    	neutral: 150,
    	direction: 'left',
    	noAddedSpace: true,
    	savedirection: true,
    	stopped: false,
    });
     
    </script>
    It is my understanding that you need to remove the red commas in the end of the arrays
    Good luck. It looks very nice your site
    Last edited by azoomer; 08-04-2010 at 10:16 PM.

  8. The Following User Says Thank You to azoomer For This Useful Post:

    ranteo (08-06-2010)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •