|
HTML - Rotating Box?
Dear HTML'ers,
Do you guys know how to insert an animation like this? http://www.creativeweb-design.com/ Similar TutorialsHey, I'm looking to set up a system of 5 different splash pages, loading in order for the user so they never get the same one twice. I think I did something like this before only with HTML... anyone have any tips??? okay probably a simple feat for some of you, but if I wanted to make a nbanner that flitted (rotated) through several images, say four location shots, how does one do this? I do have in my employ: Adobe Photoshop Adobe Dreamweaver and my favorite coding program : Notepad Do I make an animation in Photoshop and save it as a ,gif and use that in Dreamweaver and add the link there? Would that work? hrm. *pulls her skirt down a bit* I think my noob is showing I am on a host that does not allow ftp to the site. We can use javascript, html, but nothing that would require calls to a db as we don't have CGI capability. I am an Amazon associate and the banners they give us to use are in iframes. I'd like to be able to rotate different banners they have but don't know how to do it. I found a javascript for rotating banners, but it doesn't work with Amazon's iframe banners. Can this be done? If it can be done, could I also rotate other banners with it that are not in iframes, but are just typical with the graphic url and the destination url? Thanks. Greetings y'all. I've been trying to get user input using form with the LINK method to recreate the user text on the next page to be at a slant 45 degree, using transform function of css. In my first page: <FORM id="userTextForm" METHOD="LINK" ACTION="text.html"> <textarea rows="5" cols="20" wrap="physical" name="userText"> Enter your thoughts here </textarea> <input type="submit" value="submit thoughts"> </FORM> Is there anyway for me to display the input on the next page with just css transform or do I have to do something else on the server side. can anyone help me with this code i found on the 'net? it basically rotates webpages after a certain delay. the problem is that when it first loads up you get a message saying error, BUT THEN IT DOES LOAD after the time period. I am worried that people will click away as they anticipate a broken link, but i cannot change the wait time to anything less than what it is already. is it possible to put in a "wait message screen" or get rid of the error? Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Rotating Page</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html, body, iframe { height:100%; width:100%; overflow:hidden; } </style> <script type="text/javascript"> var pages = new Array(); // this will hold your pages pages[0] = 'page1.html'; pages[1] = 'page2.html'; pages[2] = 'page3.html'; pages[3] = 'page4.html'; pages[4] = 'page5.html'; pages[5] = 'page6.html'; var time = 30; // set this to the time you want it to rotate in seconds // do not edit var i = 1; function setPage() { if(i == pages.length) { i = 0; } document.getElementById('holder').setAttribute('src',pages[i]); i++; } setInterval("setPage()",time * 1000); // do not edit </script> </head> <body> <iframe id="holder" src="page1.html" frameborder="0" scrolling="no"></iframe> </body> </html> and here is my page so you get an idea of it running with the false start (remember to wait 15 secs or so) http://www.maidenerleghweather.com/rotate.html |
|||||||