Jquery and Flash for SEO and alternative content

talk design
1

Hello there!

I have been doing an hybrid site for a boatbuilder company using jquery and flash.

I’m storing the text in the html page and then, using jquery, I am passing it as a variable to the flash movie. In this way browser that can view flash will display the movie containing text and images, others instead will display only the text

It performs well on Firefox, Safari, Chrome, IE8, but the client is telling me that pages have to be clicked in order to be viewed on IE7.

For anyone interested in using Jquery and Flash this is how I passed the vars to the flash movie.



$(document).ready(function(){
var browser =navigator.userAgent
var isFlash = (browser.match(/iPhone/i)) || (browser.match(/iPod/i) || browser.match(/Internet/));

if(imagefolder!=null && !isFlash) {
	
		var textToPass = $("#content").html();
		
			
		//Interet Explorer will remove the quotes from the tag properties (i.e <p class=test> ).
		//Use this to add them back again
		if(!jQuery.support.htmlSerialize) {
			var array = textToPass.split(/class=/);
			var final= array[0];
			
			for (var i = 1; i < array.length; i++){
				
				final+=(addQuotes(array*)); //add quotes and concatanate to one string
				
			};
			
			
			function addQuotes(s) {
				var a = s.search(/>/);
				var t ="class='"+s.substr(0,a)+"'"; //this method works only if the tag has one property 
				
				return t + s.substr(a);
			}
			textToPass=final;
			
		}
		
		
		var flashvars = {folder: imagefolder, text: escape(textToPass)};
		var params = {wmode: 'transparent'};
		
		
		
		
		swfobject.embedSWF("gallery.swf?r="+ new Date().getTime(), "content", "825", "690", "9.0.0", "js/expressInstall.swf",flashvars,params);
	}

If you have suggestions please let me know!

Thank you!