Hello Everyone. I've developed a new site for our company's photography business. It's entirely based on mootools and works great in FF and IE7 (I still need to add some preloading script in for the portfolios). However, IE6 and Safari each have their own idiosyncrasies.
You can view the dev site at http://www.lookmatters.com/playground/gjphoto/ The live site will be at http://www.gjphoto.ca once these issues are worked out. The javascript is at http://www.lookmatters.com/playground/gjphoto/js/gjphoto.js :: Here are the issues in IE6 (they all are related to the portfolios that linked in the bottom white bar): 1) First of all, when I click on the portfolio name in IE6 it doesn't load. All other browsers do it fine. I have to start opening and closing the various portfolios numerous times each before any of them will start loading. I'm at a complete loss as to why this might be. It's an ajax load of a php generated file which merely contains a DIV with the JSON data in it. I then Decode that JSON data for use and dispose of the containing DIV. 2) Once I manage to open a portfolio there is an issue with sliding the thumbnail bar. In FF/IE7, when you click on the up/down arrows, it slides nicely to a new page of thumbnails. In IE6 it moves by one row the first time you click and doesn't move more than that. Here's the code that's makes it move. lpELThumbInside.tween('margin-top', '-'+ ((thumbnailSize * thumbnailRows)*(thumbPos-1)) +'px'); and for reference, in my case these are the values in the equation. lpELThumbInside: The inner div of the thumbnail viewer. This contains all the thumbnails and moves up or down as needed. thumbnailSize: 70 thumbnailRows: 6 thumbPos: Reflects which page of thumbnails is being viewed. Starts at 1. ++ or -- depending on whether up or down is clicked. 3) When you hover over the main image of the portfolio, there should be a left or right image indicating that you can click on it to move to the previous or next image. For some reason IE 6 won't show the images. It's a small issue, but it has me stumped. :: Safari only has one issue that I've noticed. 4) For some reason the DIV's that move to the previous or next image (mentioned under #3) cause the sliding effect to go crazy. If you click on the next button and don't move your mouse, it'll appear as though nothing has happened. Only when you move your mouse over either div will it refresh that space. Any ideas why a transparent div would cause a slider to break? So those are my issues. I'd also love for any feedback you might have; Questions, Comments, Criticisms, or Insults are all welcome. Thanks for reading this through and for any help you may be able to provide. Cheers, Jon PS: Please note that I will be trying out ideas for fixing these problems as they come in so it may change while you are looking at it.
