HTML - Random Picture Showing On Website ?
Hi...
I'm a bit new to HTML & Photoshop So I'm not sure if I'm on the right place.. Anyway I know a few things about HTML and CSS... Also about Photoshop... I have been making some not awesome but good designs for blogs. I stopped a while ago since I kind of got bored at the time. For the last week I got a few new ideas and since then I'm planing a big come back. Anyway in the ideas I'm thinking of making a blog whos picture will be randomly selected among some of the ones I uploaded somewhere on then net. So I'm actualy looking for some type of a script that I could insert somewhere in the code that will somehow randomly select a link of lets say 3 links and then insert it somewhere else in the code. Or in more simple way ( i tend to complicate things ) I'm looking for something that will select a random picture from thoes to which I have links added in the code and then show it on the desired place as a backgraund and so on. I hope you understood me well (my English isn't the best too) and I hope to have an answer soon... Thank you in advance... Similar TutorialsFor the site that I am currently in charge of I removed a slideshow because it took too long to load. In it's place i tried to add just a picture, but it will not work. I uploaded the picture to the site, have the correct html, and placed the html where the code for the slideshow used to be but it doesn't appear on the page. It doesn't even give one of those X's to show you the picture isn't loading. Here is some of the code surrounding where I'd like the picture to be. <div id="text6" style="position:absolute; overflow:hidden; left:22px; top:628px; width:929px; height:205px; z-index:5"> <div class="wpmd"> <div><font face="Times New Roman" class="ws16">Mission Statement</font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> <div><font face="Times New Roman" class="ws16">A collaborative team including individuals impacted by neurological conditions, providers who serve them, members of communities in which they live, advocates, and researchers who investigate these impairments will identify, develop and disseminate information and strategies, and maximize resources to improve outcomes and quality of life. <a href="http://www.karrn.org/SCIRehabProgram.pdf">2010 SCI Rehab Conference Program</a></font></div> <div><font face="Times New Roman" class="ws16"><BR></font></div> </div></div> <div id="shape1" style="position:absolute; overflow:hidden; left:698px; top:248px; width:310px; height:320px; z-index:7"><img border=0 width="100%" height="100%" alt="" src="images/shape3078289.gif"></div> <div id="text5" style="position:absolute; overflow:hidden; left:19px; top:591px; width:238px; height:25px; z-index:8"> <div class="wpmd"> <div><font color="#000000" face="Times New Roman" class="ws18"><B>Welcome to our site</B></font></div> </div></div> The blank area there is where the code for the slideshow was. All I need is a simple picture. Anyone know why it's not working? Thanks ahead of time! Only half of my picture showing. The bottom half is cut off. Can someone help me please. http://www.animeriddim.com/anime_ost...ost_disc1.html Thanks, Mitka How would i show a random image? When people come onto my site, i want the header to be random out of about, 6 different ones. When you refresh the page, it changes the image. (for more explaingin, ha) How would i go about doing this? I am currently making a comic website and I have no programing experience. I have seen some websites with neat galleries and I am wondering if there is any way to crop their html. My favorite gallery type is the one where the user can specify how many pictures he wants to see per page (there is usually a little box where you can choose how may pics per page are shown). Ok I hope my question is clear enough. Thanks in advance. Comments on this post Mandarin disagrees: Spambot. http://answers.yahoo.com/question/index?qid=20091226053506AA0Uun3 Hello, this is my first post, and I'm looking for a bit of help. I am a beginner. I bought webspace and have designed a site to put up there. I made it all and wrote the code and it all ran fine locally, then I uploaded it and things started looking a bit funny. The site is at http://www.kaleidoscope-eyes.co.uk There are a few problems : 1. There is chinese (or korean or something) writing in the main window randomly all over the place 2. It's not picking up the info from my stylesheets on the main page for the body text, it's black rather than yellow, but shows up in other pages, and the code is the same. 3. Only the first page is transparent, the others are giving a white background, even though I copy-pasted the code to do it for all the pages. Anyone have any ideas what I've done wrong? I designed a website for a client. It shows fine on my mac in Firefox but the CSS isn't loading properly in Windows Browsers because the background and the Link details aren't loading at all. What could be the issue? http://kangazoomparty.com/kangazoom.html This is the website btw. Hey All, don't know if you can help but, my website address is: http://glycemicindexandweightloss.com if you look at the source page you will see that all of the coding is there but the website site states that it is formatted incorrectly. and none of the content shows up. If anyone can take a quick look at this and possibly see something off I would really appreciate it. thanks in advance. Michelle Hi! I have just reuploaded my site, which contains 3 image flips, and I am only seeing the outline of where the images should be in both Safari and Internet Explorer. This is strange because before re-uploading, this functioned just fin. Any ideas? Thanks! Here is the problem area: http://www.lolaandcricket.com/loe/index.html Hello there. Firstly, thank you for any and all help here. I am no web developer, but I have done some for my degree and other various bits/bobs. I produced a very simplistic website for a client, however the website is showing up different, on different PC's and I cannot get to the bottom of it. Now, I know this is down to my own inexperience in coding, but I followed various books, online suggestions for layout (relative, margin) positioning techniques, and the website looks fine on my PC, on my mrs work PC, even on the clients PC in his office (this is a mixture of IE8 - Win7, XP). However, I get an email from the client, and his understudy, last night saying the website looks terrible. All the text the 3rd column looks out of line (maybe because I used line:height?). As you can see, without having a clear understanding of the backbone of HTML coding, I am going to suffer. The CSS validates, the HTML validates with W3c. The website is: http://www.fpcuk.co.uk The issue is with IE7 and IE8. I coded the website in IE8, but it looks different on IE7. Could you have a look at it for me, and let me know where I have gone wrong. or give me some tips on making it compatible with both IE7 / IE8. There is only about 20 lines of code. It is mainly the right-hand column. Here 's a few images: IE7 http://img.photobucket.com/albums/v2...sueWithIE7.png IE8 http://img.photobucket.com/albums/v294/Jertsy/IE8.png I have nothing but respect for Web Developers, having to build websites for different browsers versions, damn.. So, after looking at my code - can you see any glaring issues that will cause it to distort the layout in different versions. Thank you very much. Spencer K EDIT: FFS!!! I'm tearing my hair out with this. I just cannot get the website to look right in IE7 and IE8 - its driving me fking crazy.. Even adding; Code: <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> To the top of the page, hoping this will force IE8 to be compatible with IE7 does not work. How on earth am I supposed to figure this out. Everything I try looks different, everything. Not much help here either. Hello, I'm using Kubuntu Linux. My Website is warp.net16.net Here is the coding that I used to try and put my image up, as you can see it is not showing. <H1 ALIGN=CENTER><U>W.A.R.P</U></H1> <P ALIGN=CENTER>(Work, Assisted, Resource, Program)</P> <P ALIGN=CENTER> <img src="file:///home/esprit/My Website/images/chokurei_spiritmatter.jpeg"/> </P> Thank you for your time and help, I really appreciate it. Hello. I just want to start off by saying that I have never made a website before; I am a film maker. Well, I had a project in mind that I wanted to fulfill, and I didn't know how to do it, so I came across this forum because it seemed like a knowledgeable resource. I have a bunch of videos that I have made over the past few years, and I want to create a website that has all of those videos to view. All I want my website to have is a name of my production company on the top, and a list of text that, when clicked, opens each respective video up in a new window below that. And that is all. If you could walk me step by step on this venture of mine, I would be most thankful. Adam is there a specific one which i should use when making my site? jpeg or gif or any other format? Thanks I'm trying to make a picture button. I have a little so far can you help with the rest. <input type="button" onclick="javascript:alert('Noob, u fell for it!!!')" /> I was wondering if there was a simple way or script out there that anyone knows that can change a picture at a certian time? I am doing a website for a diner and they close at 3:00pm and I was thinking about putting a sign on the website that would simply say "Open" when the diner is open and "Closed" when its obviously closed. Thanks in advanced Hey all got bit of a prob here! I need the bg picture to fit the background plz help HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>I-C-U - The corner inside the code</title> <meta name="author" content="DarkHat" /> <meta name="subject" content= "anonymous, antivirus, chat, hacker, hackers, internet security, proxy, security, trading, webdesign" /> <meta name="Description" content="Trade your secrets at I.C.U" /> <meta name="Classification" content= "I-C-U is here for you and you are there for the others who needs the help with security etc..." /> <meta name="Keywords" content= "anonymous, antivirus, chat, hacker, hackers, internet security, proxy, security, trading, webdesign" /> <meta name="Geography" content="Sweden/Usa" /> <meta name="Language" content="English, Swedish, Danish, Norwegean" /> <meta http-equiv="Expires" content="Dec 2012 10:10:10 GMT" /> <meta http-equiv="CACHE-CONTROL" content="NO-CACHE" /> <meta http-equiv="PRAGMA" content="NO-CACHE" /> <meta name="Copyright" content="DarkHat , -I.C.U-" /> <meta name="Designer" content="DarkHat" /> <meta name="Publisher" content="I.C.U" /> <meta name="Revisit-After" content="10" /> <meta name="distribution" content="Global" /> <meta name="Robots" content="INDEX,FOLLOW" /> <meta name="city" content="Gothenburg" /> <meta name="country" content="Sweden" /> <link rel="stylesheet" href="/css/style.css" type="text/css" /> <link rel="stylesheet" href="/css/frontstyle.css" type="text/css" /> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type="/ico" href="/favicon.ico" /> <script type="text/javascript" src="js/jquery-1.2.6.js"> </script> <script type="text/javascript" src="js/startstop-slider.js"> </script> </head> <body> <div id="page-wrap"> <div id="slider"> <div id="mover"> <div id="slide-1" class="slide"> <h1>LinkerZ</h1> <p>LinkerZ nr.1 webpage for the hacker! There is links to different communitys, movie portals, radio stations, all about the interesting world thrue the hackers eyes</p><a href="http://i-c-u.se/LinkerZ/"><img src= "images/slide-2-image.jpg" alt="learn more" /></a> </div> <div class="slide"> <h1>Designz Webdeveloper</h1> <p>Designz Webdeveloper! oh well the name say it all. A team of web designers that makes designs to a new level of creating living appearense</p><a href= "http://i-c-u.se/EliteDesignz/index.html"><img src="images/slide-1-image.jpg" alt="learn more" /></a> </div> <div class="slide"> <h1>I-C-U Chat</h1> <p>The place for you that got somthing to say! A place for the sharing of interest off all from hacking to music to security etc...</p><a href= "http://i-c-u.se/icuchatter.html"><img src="images/slide-3-image.jpg" alt= "" /></a> </div> </div> </div> </div> </body> </html> HTML Code: { margin: 0; padding: 0; } body { font-family: "Lucida Grande", Arial, Sans-Serif; background: #000;} a { text-decoration: none; outline: none; } a img { border: none; } h2 { font-family: Georgia, Serif; font-size: 36px; text-align: center; font-weight: normal; } #page-wrap { background: black; width: 980px; margin: 0 auto; padding: 50px 0; } #slider { background: white url(../images/slider-bg.jpg); height: 475px; overflow: hidden; position: relative; margin: 50px 0; } /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #mover { width: 2800px; position: relative; } .slide { padding: 40px 30px; width: 900px; float: left; position: relative; } .slide h1 { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #ac0000; } .slide p { color: #000000; font-size: 12px; line-height: 22px; width: 300px; } .slide img { position: absolute; top: 20px; left: 400px; } #slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; } If you could take a look HERE and tell me how I would do the same sort of picture menu with text to the right and in line with the centre of the pic WITHOUT using a table? The table is just giving me trouble!! Sorry to ask so many questions BTW. Hi I'm trying to make some text sit under a photo, and it works fine except in IE6, where the first word starts at the side of the photo, then the rest sits underneath. The page is at www.bigbadroo.com.au/top-stitching/www/ - the photo is of the woman on the left. Here's my html: <div id="wilma"> <img src="images/wilma.jpg" alt="Wilma" ><em><strong>Over 40 years industry experience!</strong></em> </div><!-- end #wilma --> and the CSS: #wilma { float:right; margin-top:10px; font-size:7.5pt; width:213px; } Is there anything obvious there? Thanks for your time and help Shaun I want to create this type of a navigation utility to scroll through large amounts of pictures 5 at a time. The picture links will be stored in an array. Any suggestions as to how I should code this? I work in asp if that matters. Code: <table> <tr> <td style="background-color:#cccccc;border:medium inset #ececec;padding:0;"> <input type="button" name="first" id="first" value="First 5" /> <input type="button" name="previous" id="previous" value="<<Prev 5<<" /> <input type="button" name="next" id="next" value=">>Next 5>>" /> <input type="button" name="last" id="last" value="Last 5" /> </td> </tr> </table> Thanks in advance! Hi! I'm working on adapting a we-based system called OTRS (open ticket request system) for our offices here and I've just finished modifying all the headers and css and stuff for our needs. Now, I did it in Firefox and I'm brand spanking new to this game so when one of the header logos didn't appear in IE7, it took me about an hour to figure out maybe it was IE7 that was the problem, and it turns out it is... so would someone mind having a look at this below? It's very basic, but what's happening is that the picture 'HeaderCropped' isn't displaying, the border outlines don't even show, only that funny little graphic that appears when a picture is missing ( I don't know what it's called). Obviously I'd like to be able to see the picture in both FF and IE7, but will this take a major overhaul of this code? (It took me quite a while to do this little bit!) Thanking you in advance! -Emily _________________________________________________________ # include Copyright.dtl $Include{"Copyright"} # set some html variables #<dtl set $Env{"Box0"} = ">> "> #<dtl set $Env{"Box1"} = " <<"> # check refresh <dtl if ($Data{"Refresh"} ne "") { $Data{"MetaHttpEquiv"} = "<meta http-equiv="refresh" content="$Data{"Refresh"}">"; }> <html> <head> $Data{"MetaHttpEquiv"} <title>$Config{"ProductName"} $QData{"TitleArea"}</title> $Include{"customer-css"} </head> <a name="top"></a> <body> #<!-- start CI layout --> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="header"><img style= width: 454px; height: 109px; "src="/otrs-web/images/Standard/HeaderCropped.jpg"> </td> <td width="100%" class="header" title="www.alliedpensions.com"><a href="http://www.alliedpensions.com"><img border="0" src="/otrs-web/images/Standard/APTLogo.jpg" width="150" height="100"></a></td> </tr> <tr> <td colspan="2"><hr align="left" width="100%" height="2"><!-- end CI layout --><!-- end header --></td></tr></table></body></html> Hi all i have a website banner wich i want as my signature so when someone clicks on it they go to my website i just need the html code for it if anyone can help thanx alot. Cheers Jacob |