HTML - Time Dependent Image Display
Hi there
I am an HTML novice that can usually find the answers after some google time, not this time though. I've been searching the web for quite some time to get this done, hopefully one of you can help me out. If so, I will gladly give you credit when my little digital art project is done. Here's what I am trying to do (simplified): - I have image files (.JPGs) named 1200.jpg, 1201.jpg, 1202.jpg, 1203.jpg, 1204.jpg, etc. Each one representing a minute in the day. - Is it possibly to have a browser display 1201.jpg at 12:01, then display 1202.jpg at 12:02 and so on? Reading from the system clock. Hopefully this makes sense. Thanks for your time and, um, keep on HTML-ing. Dorron M email@dorronm.com Similar Tutorialshi all, Is there Any way to display dorpdown menu over quick time player in Dynamic HTML page like the flash parameters wmode transparent....The menu and quick time is different Td's Thanks Edit/Delete Message I have a need to be able to compare today's date against a date and if the date is less than today's date then grey the background or text in a row of a table, otherwise leave the row with a white background or black text. It's basically a lazy webmaster's solution to updating the format of a page without having to manually update everytime and event passes. An examle would be as follows: Row 1 January 5, 2009 7:00 Regular Meeting Row 2 February 3, 2009 7:00 Regular Meeting Row 3 February 20, 2009 6:30 Wine and Cheeze Party at Bill's House For each row I would compare the date (hardcoded not as a variable) against today's date. If today is February 15, 2009, The text on the first two rows would be grey and the text on the third row would be black as shown above. Thanks for any assistance. Mike The new iGoogle uses a time based image where the color of the sky corresponds to the time of day eg. it is bright when it is light out and dark when it is dark out. I want to make a image for a business website that displays open when it is between certain hours and closed when it is not those hours. Any guidance on where to look or how to approach this? So, still rather new to writing HTML. I'm looking to put either a text field or drop down box onto the page dependent on a previously defined variable. How do I go about doing that? hi when u surf to my forum. u will see the images a real short time in a place on the screen where they should not be. right after that they are being positioned by css. surf to www.acidleague.com and all goes well, but then click on forum and u will see this issue, then u can click home-forum-home-forum to see it really clear the wierd part is that this is happening only by divs i added myself to the code i made these divs in the overal_header.html page <div id="sidebarleft"></div> <div id="sidebarright"></div> <div id="cornerleft"></div> <div id="cornerright"></div> and uses this css on em #sidebarleft { padding: 0px; float: left; margin: 0; position:absolute; width: 600px; left:-599px; top:0px; height:600px; background-image:url(http://www.acidleague.com/League/the...eader_bg.jpg); background-repeat:repeat-x; } #sidebarright { padding: 0px; float: left; margin: 0; position:absolute; width: 600px; left:999px; top:0px; height:800px; background-image:url(http://www.acidleague.com/League/the...eader_bg.jpg); background-repeat:repeat-x; } #cornerleft { padding: 0px; float: left; margin: 0; position:absolute; width: 47px; left:-46px; top:192px; height:49px; background-image:url(http://www.acidleague.com/League/the...bg/tleft.jpg); } #cornerright { padding: 0px; float: left; margin: 0; position:absolute; width: 47px; left:999px; top:192px; height:49px; background-image:url(http://www.acidleague.com/League/the...g/tright.jpg); } whats is the most common way to stop this? ty I am working on a project for school and I'm having problems displaying an image. Would someone be willing to look at my code and see why this is happening? I could send it through a PM. ANY help would be greatky appreciated. Hi folks, I've got following problem: image won't display and will display under IE6. Here's what I mean (white logo BizTelligence Consulting): Take a closer look - IE shows that image can't be loaded (doesn't exist or something) but loads it. Additionally, as you can see, image is stretched. Any ideas why this happens? Link to website: http://biztelligence.ch/ Is there a code out there that I can use to image a photo in a picture, with actually showing an image? Hi there, I have a problem at: Link removed The problem is viewed on Internet Explorer only, There is no problem on Safari and Firefox. in IE when you open the above link the first image is behind the second image, unless you hover the mouse over the image. It happens only occasionally in IE as well. When you hover the mouse over, the image goes to the correct place. I have looked at the code and see no problems. Can somebody please help me? Any help would be great Thanks So I'm not completely new to html website design, but I am building a site and was just going to throw up a banner and some text saying coming soon. So the text displays fine. But I cannot for the life of me figure out how to get the images to display. I have checked and double checked the source code and it should be fine. I manually logged into my ftp and the file is in the directory so it shouldn't be an issue of not being able to find it. Can I get any help at all? Here is the link: http://www.huntlink.net my code is as follows: <!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>Untitled Document</title> </head> <body> <table width="800" border="0" align="center"> <tr> <td><img src="images/mainbanner.png" width="800" height="150" /></td> </tr> <tr> <td align="center"><h2>Coming Soon!</h2></td> </tr> </table> </body> </html> Any help would be great. I don't know why the image isn't displaying. It works when I preview it in dreamweaver also. Hi Guys Is it possible to display an image at different sizes depending on monitor resolution? For example If 1024 x 768 displayed i could have a certain width and height and if 1920 x 1080 displayed it would have a different width and height. Its more to make sure that text on my image does not stretch out and to make sure looks constant on different resolutions. Is there some coding i could do to make sure this happens? Thanks J i know this is prob somethin simple but iv tried everythin n cant get the image to display...... i no my code is right, its got to do with the actual pic, i have the right file type(gif), i have tried resizing it, saving it under diff file types by using gif converters!! but nothing seams to work... and yet the other pic's beside it work!! originally it was a micro visio diagram.... when i load the page into IE the normal gif,jpg images work. but when i right click on the image thats not working and go to properties its says not associated! plz help Cindy xx Hi., How to display the image in textbox or Text area in compressed format,according to the field size(textbox or Text area). any suggestions will be helpful to me. thanks in advance. Hi, Could you pls anyone tell me how to display an image as identity information. for example while opening google.com, it will display an image just before the link like "g". Thanks Hello Everyone, I've a gif file that I want to display on my jsp page. The file is located on the server If I give something like <img src="\\filer\home\mine\myimage.gif" alt="not found" title="Image"> then "not found" is shown on jsp page I even moved the image to my c: dir and tried this <img src="C:\myimage.gif" alt="not found" title="Image"> but that didn't worked either. Can someone please tell me where am I supposed to put the image file. Thanks. I'm hoping for some help with the code to solve my problem. My site has a page devoted to a series of products. I have the names of the products running down a set of cells on the left side of a table. The product names will be linked to html pages dedicated to each of those products. I've got that under control, no problem. I'm trying to add the extra spiff of a common image area in a large merged cell just the to the right of the navigation cells and I'd like for an image of the specific product to come up in the image area when a user mouses-over the navigation cell. For example, the first nav cell is for "Lathes," so when a user mouses over the word Lathes I want a picture of a lathe to appear in the image area. When they mouse over the nav for bandsaws, I want an image of a bandsaw to come up in the same image area, etc. Is anyone willing to suggest some code to accomplish this little trick? It would be a great help. Thanks. Hello, I am trying to command a mouse-rollover to display a text under the photo that is to be mouse-rollovered. I know how to display a second picture to showed up upon mouse-rollover on a first picture, but I do not know how to display a text message upon a picture mouse-rollover. Thank you kindly guys hi, In my html page , I have a div tag of fixed size (100px*75px) and i want an image (width=100px, height between 50px to 70px) to be displayed vertically centered in the div. If anyone has done this before Please share the solution. Restrictions: 1 - use html img tag. 2 - don't use CSS background-image property I tried below thigs but they didn't work. 1 - set style="vertical-align:middle" in <img> 2 - move <img> in 1*1 table and set valign= center in <table> Below is my html code: <div id="gallery"> <div id=""> <img src="sample_100_50.jpg" /> </div> </div> and the CSS code: .gallery{ height: 75px; overflow: hidden; position: relative; width: 100px; border:1px solid #DDDDDD; } Thanks in Advance Arpit Hi. I am making a template for my site, and i really need my title image to display at the very top of the page, so the top of the image touches the bottom of the tool bar of the browser. This is currently what my page looks like www.skyhigh3d.com/testpage.html I would like the top of the black image to touch the top of the browser, so there is no background visable above the image. The image and navbar are in a table, so really i need to table to be at the very top. I know this is possible becuase i have seen many sites with the image at the very top, but no matter what i do it doesnt seem to work. Your help would be very much appreciated. Thanks -JC As a part of a project I am doing I want to display images on a website. The width/height of the image displayed on the screen should depend on the orientation of the image. The idea is to make the longer side 150px, so if width is greater than height then width=150px, else if height > width, then height=150px. Is there a simple way of doing this? My solution to this is to store the image height and width in a database (I already need to create a database for images), and am using onLoad attribute to change the width/height based on a boolean parameter which tell the orientation of the image, a test version of the code is here (wait for the image to load) http://www.confusionart.com/public/test.html However, as you can notice, first the complete image is loaded and then resized to the desired size. i.e. there is a unnecessary switching of sizes on screen. Is there any way to avoid this. |