Home
> SlideshowBox 1(discontinued version)
> Topic
Inserting JavaScript alternative for flash slideshows
Posted by user451629
Inserting JavaScript alternative for flash slideshows March 27, 2011 08:05AM | Registered: 13 years ago Posts: 3 |
I want to mix-n-match two different themed slideshows using auto-detect. I want to use the flash-only "WALL 3D" slideshow, but I require there to be a non-flash alternative for iphone users (and WALL 3D doesn't have an html version). Ideally, there would be an auto-detect that shows the html-based "Simple Thumbview" slideshow to non-flash users. That means an auto-detect code that makes use of two different themed slideshows. What code do I need to create this auto-detect?
BACKGROUND:
I know there are 11 slideshows that have HTML-JS versions and have the option for auto-detect so it will play the flash version by default and switch to HTML-JS if it can't play flash. But can I use one a flash-only slideshow and have an auto-detect script that plays a different HTML-JS slideshow if the user doesn't have flash?
Edited 1 time(s). Last edit at 03/28/2011 10:34PM by user451629.
BACKGROUND:
I know there are 11 slideshows that have HTML-JS versions and have the option for auto-detect so it will play the flash version by default and switch to HTML-JS if it can't play flash. But can I use one a flash-only slideshow and have an auto-detect script that plays a different HTML-JS slideshow if the user doesn't have flash?
Edited 1 time(s). Last edit at 03/28/2011 10:34PM by user451629.
Re: Inserting JavaScript alternative for flash slideshows March 28, 2011 06:40AM | Admin Registered: 13 years ago Posts: 248 |
Re: Inserting JavaScript alternative for flash slideshows March 28, 2011 10:26PM | Registered: 13 years ago Posts: 3 |
Re: Inserting JavaScript alternative for flash slideshows March 29, 2011 09:05AM | Admin Registered: 13 years ago Posts: 248 |
Well, since this is a matter of html knowledge, I assumed you tried to do this before asking and you got stuck at some point.
eg:
Edited 1 time(s). Last edit at 03/29/2011 09:07AM by kneo.
eg:
<body> <div id="content"> <!-- Insert your embed code below --> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="SimpleFadeThumbview.js"></script> <script type="text/javascript"> swfobject.registerObject("SimpleFadeThumbview1288358360546", "9.0.115", "", function(e) { if (e.success==false){ var err; try{ $("#SimpleFadeThumbview1288358360546").hide(); $.slideshowBoxEmbedCanvas.init({ appendToID:"SimpleFadeThumbviewJS1288358360546", source:"source.xml", audioFile:"", audioFileAlt:"", audioPlayerIcon:"speaker", audioPlayerColor:"#FFFFFF", loopAudio:true, width:800, height:600, autoHideControls:false, autoSlideShow:true, backgroundVisible:true, loadOriginalImages:false, slideShowSpeed:6, backgroundColor:"#1C1C1C", backgroundImage:"", scaleBackground:true, controlBarAlpha:1, controlBarPrimaryColor:"#333333", controlBarSecondaryColor:"#CCCCCC", slideShowControls:true, fullScreenButton:true, controlsHideSpeed:2, showImageInfos:true, showImageIndex:false, textColor:"#FFFFFF", textBackgroundAlpha:0.5, textBackgroundColor:"#000000", scaleMode:"scaleCrop" }); }catch(err){} } }); </script> <div id="SimpleFadeThumbviewJS1288358360546" style="width:800px;height:600px;"> <object id="SimpleFadeThumbview1288358360546" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600"> <param name="movie" value="SimpleFade.swf"> <param name="allowFullScreen" value="true"> <param name="bgcolor" value="#1C1C1C"> <param name="wmode" value="window"> <param name="flashvars" value="source=source.xml&audioFile=&audioPlayerIcon=speaker&audioPlayerColor=0xFFFFFF&loopAudio=true&autoHideControls=false&autoSlideShow=true&backgroundVisible=true&loadOriginalImages=false&slideShowSpeed=6&backgroundColor=0x1C1C1C&backgroundImage=&scaleBackground=true&controlBarAlpha=1&controlBarPrimaryColor=0x333333&controlBarSecondaryColor=0xCCCCCC&slideShowControls=true&fullScreenButton=true&controlsHideSpeed=2&showImageInfos=true&showImageIndex=false&textColor=0xFFFFFF&textBackgroundAlpha=0.5&textBackgroundColor=0x000000&scaleMode=scaleCrop" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="SimpleFade.swf" width="800" height="600"> <!--<![endif]--> <param name="flashvars" value="source=source.xml&audioFile=&audioPlayerIcon=speaker&audioPlayerColor=0xFFFFFF&loopAudio=true&autoHideControls=false&autoSlideShow=true&backgroundVisible=true&loadOriginalImages=false&slideShowSpeed=6&backgroundColor=0x1C1C1C&backgroundImage=&scaleBackground=true&controlBarAlpha=1&controlBarPrimaryColor=0x333333&controlBarSecondaryColor=0xCCCCCC&slideShowControls=true&fullScreenButton=true&controlsHideSpeed=2&showImageInfos=true&showImageIndex=false&textColor=0xFFFFFF&textBackgroundAlpha=0.5&textBackgroundColor=0x000000&scaleMode=scaleCrop" /> <param name="allowFullScreen" value="true"> <param name="wmode" value="window"> <param name="bgcolor" value="#1C1C1C"> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <!-- Embed code ends here --> </div> </body>
Edited 1 time(s). Last edit at 03/29/2011 09:07AM by kneo.
Sorry, only registered users may post in this forum.