Page 1 of 1
Flickr Slideshow not showing when Firefox is used
Posted: Mon Apr 23, 2012 12:03 pm
by 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
Re: Flickr Slideshow not showing when Firefox is used
Posted: Tue May 01, 2012 11:26 am
by 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
Re: Flickr Slideshow not showing when Firefox is used
Posted: Tue May 01, 2012 4:57 pm
by Dr.CSS
Put the code into a GCB that has the wysiwyg turned off, then put the GCB tag in Content:...
Re: Flickr Slideshow not showing when Firefox is used
Posted: Tue May 01, 2012 6:49 pm
by 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
Re: Flickr Slideshow not showing when Firefox is used
Posted: Tue May 01, 2012 7:30 pm
by Dr.CSS
Re: Flickr Slideshow not showing when Firefox is used
Posted: Tue May 01, 2012 10:29 pm
by 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
Re: Flickr Slideshow not showing when Firefox is used
Posted: Wed May 02, 2012 7:55 pm
by 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.