Flickr Slideshow not showing when Firefox is used

[tvdk]

Hi there, i've made a website with CMS Made Simple and it's working fine in Safari etc ... but the Flickr slideshows i've embedded aren't showing up in Mozilla Firefox, which is not very handy.

Anyone knows how to solve this problem?
Thanks in advance

ps here a link where a slideshow should appear (but won't in firefox): http://www.marnixbusstra.nl/cms/index.p ... ros-photos

[tvdk]

I've been doing some extra research and i think i found out what happens: CMS made simple adjusts the html code (taken from flickr) everytime i press the 'view html' button.

Instead of :

Code: Select all

<object width="540" height="405"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2Fshow%2F&page_show_back_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2F&set_id=72157629481007946&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=109615"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=109615" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2Fshow%2F&page_show_back_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2F&set_id=72157629481007946&jump_to=" width="540" height="405"></embed></object>

it turns into:

Code: Select all

<object width="540" height="405"><param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2Fshow%2F&page_show_back_url=%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2F&set_id=72157629481007946&jump_to=" /><param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=109615" /><param name="allowFullScreen" value="true" /></object>

So the 'embed' code is removed and without that... firefox is not showing the slideshow.

Anyone knows how to solve this ?
Thanks
Ton

[Dr.CSS]

Put the code into a GCB that has the wysiwyg turned off, then put the GCB tag in Content:...

[tvdk]

Would that be the only option? That would mean i have to make GCB for every slideshow on the website... which is a lot (there are many slideshows over the whole website). Is there no way i can turn of this 'automatic cleanup of code' ?

Thanks
Ton

[Dr.CSS]

Why don't you use something like Album?...

http://album.multiintech.com/home/album-24/15.html

[tvdk]

Because Flickr looks great (when working), also for full screen viewing and its easy for people to use, just upload any size image and add it to one or more sets... And it should work. That means, as long as CMS made simple doesn't mess up the code

[uniqu3]

Simply create a UDT, for example name it flickr and use the tag in your page {flickr}

Example:

Code: Select all

$width = isset($params['width']) ? $params['width'] : 540;
$height = isset($params['height']) ? $params['height'] : 405;
$offsite = isset($params['offsite']) ? $params['offsite'] : 'true';
$lang = isset($params['lang']) ? $params['lang'] : 'en-us';
$page_show_url = $params['page_show_url'];
$page_show_back_url = $params['page_show_back_url'];
$set_id = $params['set_id'];

echo '
<object width="' . $width . '" height="' . $height . '"> 
<param 
    name="flashvars" 
    value="offsite=' . $offsite . '&lang=en-us&page_show_url=' . $page_show_url . '&page_show_back_url=' . $page_show_back_url . '&set_id=' . $set_id . '&jump_to=">
</param> 
<param 
    name="movie" 
    value="http://www.flickr.com/apps/slideshow/show.swf?v=109615">
</param> 
<param 
    name="allowFullScreen" 
    value="true">
</param>
<embed 
    type="application/x-shockwave-flash" 
    src="http://www.flickr.com/apps/slideshow/show.swf?v=109615" 
    allowFullScreen="true" 
    flashvars="offsite=' . $offsite . '&lang=en-us&page_show_url=' . $page_show_url . '&page_show_back_url=' . $page_show_back_url . '&set_id=' . $set_id . '&jump_to=" 
    width="' . $width . '" 
    height="' . $height . '">
</embed>
</object>';

With this you would have

Code: Select all

{flickr width='800' height='400' page_show_url='%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2Fshow%2F' page_show_back_url='%2Fphotos%2Ftonvanderkolk%2Fsets%2F72157629481007946%2F' set_id='72157629481007946'}

I hope you get the idea.