METOOTECH Posted June 17, 2006 Share Posted June 17, 2006 Hi again, well here's one that's "Texas Tough".... Using some SMIL transition code with the HTML, CSS & JS code for a photo switch with fancy photo wipe in... the initial photo wipes in right, but when you switch photos, they don't wipe in at all, just load normally. I know this is not a javascript problem, but JS might fix it... what do you think. Or can it be fixed? METOOTECHHERE'S THE CODE:<html xmlns:t="urn:schemas-microsoft-com:time"><?import namespace="t" implementation="#default#time2"> <head><style>.t {behavior:url(#default#time2);}</style></head><body><style> input{width: 60px; height: 45px;} </style><div id="d1" class="t"><t:transitionfilter targetelement="pic1" type="ellipseWipe" begin="pic1.begin" dur="4s" /><img id="pic1" class="t" src="http://www.knifeknives.com/ba/backs-logos/GIZMO1B.jpg" width=350 height=263 /><br></div><input id="ip1" type="image" src="http://www.knifeknives.com/ba/backs-logos/GIZMO1B.jpg" hspace="0" vspace="5" onmouseover="pic1.src=this.src"><input id="ip2" type="image" src="http://www.knifeknives.com/ba/backs-logos/TEXAS-SELLER1.jpg" hspace="0" vspace="5" onmouseover="pic1.src=this.src"><input id="ip3" type="image" src="http://www.knifeknives.com/ba/backs-logos/EBAYAUCTIONS1.jpg" hspace="0" vspace="5" onmouseover="pic1.src=this.src"><input id="ip4" type="image" src="http://www.knifeknives.com/ba/backs-logos/GIZMO-METOO1.jpg" hspace="0" vspace="5" onmouseover="pic1.src=this.src"><input id="ip5" type="image" src="http://www.knifeknives.com/ba/backs-logos/DARKSTAR3.jpg" hspace="0" vspace="5" onmouseover="pic1.src=this.src"><a style="cursor:hand; cursor: pointer; background-color: #ffffff;" onClick="d1.innerHTML; pic1.src='http://www.knifeknives.com/data/pics/tomahawk/AMP_XK-0603/A350R7.jpg';ip1.src='http://www.knifeknives.com/data/pics/tomahawk/AMP_XK-0603/A350R7.jpg';ip2.src='http://www.knifeknives.com/data/pics/tomahawk/AMP_XK-0603/B350R7.jpg'; ip3.src='http://www.knifeknives.com/data/pics/tomahawk/AMP_XK-0603/C350R7.jpg'; ip4.src='http://www.knifeknives.com/data/pics/tomahawk/AMP_XK-0603/D350R7.jpg';ip5.src='http://www.knifeknives.com/ba/backs-logos/DARKSTAR3.jpg';" onmouseover="this.style.backgroundColor='#ff0000'"onmouseout="this.style.backgroundColor='#00ff00'"> <br><font style="font-family: Arial; font-size: 16px; color: #000000"; onclick="this.style.color='#ffffff'"><b>Amp Tactical</b></font></a></font></body></html> Link to comment Share on other sites More sharing options...
scott100 Posted June 18, 2006 Share Posted June 18, 2006 Ok 2 things.1. There is nothing more annoying than when trying to help someone you have to replace all of their images with ones of your own because you don't have them on your pc. Try and use images on the web, this will save us alot of time plus your are likely to get more of a response as your not giving people extra work before they can even begin to look at the problem 2. The SMIL effect only works in IE, Firefox and Opera are ignoring it. This seems strange as i think SMIL is a W3 standard... Link to comment Share on other sites More sharing options...
scott100 Posted June 18, 2006 Share Posted June 18, 2006 2. The SMIL effect only works in IE, Firefox and Opera are ignoring it. This seems strange as i think SMIL is a W3 standard...I'm guessing this is why Opera and Firefox did not show the effects...How to Play a SMIL File?To play a SMIL presentation, you will need a SMIL player. Different SMIL players can be found on the Internet: * RealOne Platform by RealNetworks has full support for SMIL 2.0 * GRiNS for SMIL-2.0 by Oratrix provides a SMIL 2.0 player * SMIL Player by InterObject supports the SMIL 2.0 Basic ProfileThis is why it only works in IE...Playing SMIL Presentations in Internet ExplorerWith Internet Explorer 5.5 or later, SMIL elements can be inserted into HTML files.This way any SMIL presentation can run over the Internet as standard HTML files.The rest of this tutorial will use Internet Explorer 5.5 or later to demonstrate the use of the different SMIL elements. Link to comment Share on other sites More sharing options...
METOOTECH Posted June 18, 2006 Author Share Posted June 18, 2006 Ok 2 things.1. There is nothing more annoying than when trying to help someone you have to replace all of their images with ones of your own because you don't have them on your pc. Try and use images on the web, this will save us alot of time plus your are likely to get more of a response as your not giving people extra work before they can even begin to look at the problem 2. The SMIL effect only works in IE, Firefox and Opera are ignoring it. This seems strange as i think SMIL is a W3 standard...<{POST_SNAPBACK}> Sorry mr. scott, I'm new here and don't know the ropes yet... I'll heed your suggestions.....SMIL needs a player to see... IE has it built in on later browsers, other browser must down load the player, which shouldn't be a big deal for anyone... I had to down load JS and Flash to see that code... IF a browser such FF or Opera doesn't have downloaded, the the photo should just load the normal way... only IE will see the fancy loading....The problem here as I see it is once the photo switch has been made, how do you loop back up to the SMIL transition code to restart it for the new photo???Again sorry for dumbness on the pics... METOOTECH... Link to comment Share on other sites More sharing options...
scott100 Posted June 18, 2006 Share Posted June 18, 2006 The problem here as I see it is once the photo switch has been made, how do you loop back up to the SMIL transition code to restart it for the new photo???To he honest i've no idea I've tried a couple of things but nothing works, it's not a technique that i am familiar with, sorry Link to comment Share on other sites More sharing options...
METOOTECH Posted June 18, 2006 Author Share Posted June 18, 2006 To he honest i've no idea I've tried a couple of things but nothing works, it's not a technique that i am familiar with, sorry <{POST_SNAPBACK}> Thanks for trying! .... I have edited the original code I first posted to include internet photos (mine) so anyone working on this won't have to plug in their own photos, like you suggested Seems wierd, W3 and Microsoft (HTML + Time) are pushing this code and no ones seems to know much about it Oh well, maybe someone else here knows some JS or SMIL code to point or loop it back up to restart... METOOTECH Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now