Magic Slideshow Integration

[pinkequine]

Hi

I am trying to get Magic Slideshow working on my website. I uploaded the scripts/example HERE and the test works fine.

In actinic I created a layout called Magic Slideshow and put in the DIV as per my example, then I created a fragment with the Magic Slideshow layout referenced in it and moved everything from the graphics folder into the acatalog.

I put the magicslideshow .js and .css files and all the graphics so when loaded it was in the main /acatalog folder. I removed any folder trees (graphics/loader.gif became loader.gif) in the .css that referenced further outside of that folder.

I directly typed in the magicslideshow.js and .css into the browser to check that it is in the acatalog folder.. it is.

I put the following code into my brochure page head.

<link rel="stylesheet" type="text/css" href="magicslideshow.css"/>
<script src="magicslideshow.js" type="text/javascript"></script>

when loaded its not showing (as div.MagicSlideshow hides all images until the slideshow is ready) Here is the page
So basically the fact that it is hiding the images does suggest the page is referencing the .css correctly but its not executing.

I am really stuck and no one seems to have tried integrating this and needed help on the forum.. I must be missing something really simple but I just cant see it.

[NormanRouxel]

Your working demo:

<img class="MagicSlideshowImage" src=

Your not working page:

<img src=

[pinkequine]

Dear Norman

Thanks I will change that now

[meden]

If you view source of the page you will see that your js and css are referenced at www.pinkequine.co.uk/magicslideshow.js or css accordingly.

I would put absolute urls in and publish to web (remember to add the files to additional files' first to be sure) so the full path reads http://www.pinkequine.co.uk/acatalog/magicslideshow.js (or .css)

[pinkequine]

I cant get it working, I dont suppose you have a plugin norm with this on??

[pinkequine]

Fixed it, thanks, I hard coded in the URLS and FTP'd the magicsildeshow folder into acatalog.

[Duncan Rounding]

Does magicshow perhaps need the images etc in a specific subfolder?

[NormanRouxel]

Hard to tell what's wrong. I'm slowed way down by the 2.3 MEGABYTES of unoptimised and browser scaled-down images on your home page. A major customer turn off indeed.

[pinkequine]

I think there is a conflict between the magicslideshow and the magiczoom.

If I delete the magiczoomplus.js and .css the slideshow works fine see here but then of course the magic zoom doesn't and vice versa when I put them back in.

I am emailing the support team at magictoolbox to see if they know any reason why this would happen.

Not sure how I can optimize images without compromizing the quality? If you have any suggestions how I can achieve that they'd be welcome. All the best sellers/new product lists are actinic generated. Do you mean those?

[Duncan Rounding]

Correct it is primarily due to the Best Sellers etc using the large product images, although you can increase compression on most images with hardly any loss of quality. When you've done so then go to smush.it and you can reduce the size still further without additional loss.

[pinkequine]

Thanks Drounding, I know I must be pretty thick since I have been using actinic for years now, but if you put a thumbnail image in the product will it use that instead of using the larger images?

Still stuggling with this other issue, magictoolbox helpdesk havent got back to me. I did find one conflict in that both css files use loader.gif image, so I did change one of those to loader1.gif, but that made no difference. I am just guessing really, it looks like they encrypted their javascript files so if I open it, it all looks like gobbledegook anyway (not that I would know what I was looking at really)

I guess at least I know that what I've done does work.. if I only decide on one package or the other.

[NormanRouxel]

Using your standard product images for the best sellers is fine. It's just that these product images are much larger than they need to be.

I've attached one of your product images and also attached an optimised copy. Can you tell the difference visually? If not, you'll see the benefits of optimising as the original is 180Kb and the optimised one is 24Kb. One eighth of the previous size!

[Duncan Rounding]

And you can still smush.it to 22.6Kb

[NormanRouxel]

I see corrupt HTML on http://www.pinkequine.co.uk/index.html

<body><body <link href="acatalog/dhtmltooltip.css" rel="stylesheet" type="text/css" />

Should be:

<body><link href="acatalog/dhtmltooltip.css" rel="stylesheet" type="text/css" />

[pinkequine]

What is smush it, is it a piece of software? And when you are optimizing, do you just reduce the image quality. I dont mind doing that for the standard product image because the magic zoom enlarged ones are the ones the I need to be crystal clear.

One of the things customers didnt feel up to scratch on our site was the images hence why we went for the magic zoom, but the standard images dont form much use when you have the magiczoom.

On that note apparently I will get a reply in 63 hrs because of the weekend so I will wait with baited breath and update the forum with the answer.