Hi (NB PLEASE NOTE THIS PROBLEM IS NOW SOLVED - BUT I CAN'T DELETE THE POST. SEE 3rd POST, HOWEVER, FOR A DIFFERENT ISSUE!!
I have an Oscommerce store at http://www.danceofdelight.com and this uses a mySql database to store the individual product descriptions, and these are then loaded dynamically when the customer calls up a product. Oscommerce isn't terribly good for images, so we have until now been using html photogalleries in my product descriptions, and this worked fine if being a little "web 0.8"!
We built the site ourselves, but the photogalleries were taking a huge amount of time - typically an hour each to create a new product gallery and then place in the correct locations. We have decided to go over to flash thumbnail galleries as they save a huge amount of work - mainly because we can have audio and pictures in one file rather than creating the usual plethora of photoshop directories.
I've placed a gallery using the conventional <embed>... approach and this works fine (apart from the IE "click to activate" issue). An example of a product description using <embed> is at http://www.danceofdelight.co.uk/catalog/product_info.php?cPath=38&products_id=73 - the "pictures loading..." text is simply an image on the bottom layer of the flash file, which loads first. The gallery was created using swishMax, and the great advantage is that I can simply use the template I've created and change the images. It really saves time.
To get round the IE issue, I've tried using the swfobject.js script, including it in the main catalog/ folder of my installation, and used the following code in my description page but the flash doesn't display. I've even tried including the full (http://www...) path to the swfobject file, thinking there's some issue with the way the pages are created.
This is the code I have tried in the product description page - before reverting to the <embed> method:
<script type="text/javascript"> var so = new SWFObject("http://www.danceofdelight.com/photogallery/violins/VN411 decorated/gallery with sound.swf", "flash", "698", "562", "6", "#FFFFFF"); so.write("flashcontent"); </script>
The above doesn't produce any flash content on the page: imagine the page without the flash and with just a normal line gap between the text either side of where the embedded flash is - that's what it looks like! Anyone have any ideas what I'm doing wrong?
How do I center align the flash file using this method? Placing the javascript inside a <td align="center"> tag clearly doesn't work, and I think <div align...> is deprecated code.
Sorry for such a clueless question, but I don't entirely understand the function of the <div id-"flashcontent"> thing - does it matter if the space between that and the </div> is empty or not? And, basically, how do I centre my flash given the code above (see my original posting) - could someone suggest a modification to this that will centre the flash, and type the answer very slowly so I understand it??!