|
HTML - Code For Default Image
Hi Guys,
I need to display a default image if a user doesn't upload one eg: :::::::::Current Code::::::: <img src="{src}" {width} {height} border="0" hspace="0" alt="{alt}"> //shows the image if a user uploads one How can i alter the code so that if a user doesnt upload one it defaults to images/default.gif Thanks Similar TutorialsHello all, I have created a basic slideshow from dreamweaver's template provided. I want to add one link right next to the 'Next' button that says 'download full size image'. Is this possible to do without manually do it and manually pointing it to the correct file? I would appreciate any help. Thanks, Lorne im in a bind on my site. im makine a website of my snake colelction and i have tons of pictures. what im lookin for is a way to lign the pictures up as small sample images and when clicked the orginal sized oen opens up in another browser or similar. please help asap. Hello Everyone I'm having trouble putting a picture code on my myspace page, what I'm trying to do is put the picture above the advertisments and I got the code just how I want the picture to display but the only problem is, is that the picture will display under "Preview Profile" but after saving the changes and then viewing my profile it doesn't show the picture but still has the space above to where the picture would actually be? Here's the code that I'm using: <style type="text/css"> body{ background-position:top center;margin-top: 650;} div.topbanner { top: -990; left: 25%; margin-left: --200px; width: 100%; height: 150px; position: absolute; } </style> <div class="topbanner"><a href="http://www.yourpimpspace.com"><img src="http://i80.photobucket.com/albums/j174/skinny120/Clouds.jpg" border="0"></a></div><a target="_blank" href="http://www.yourpimpspace.com/"><img border="0" src="http://www.yourpimpspace.com/support.gif" alt="MySpace Layouts" style="left: 0px; position: absolute; top: 0px" /></a><a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 35px;">MySpace Layouts</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 50px;">MySpace Codes</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 65px;">MySpace Backgrounds</a><br><center><a href="http://www.yourpimpspace.com">PUT AN IMAGE AT THE TOP OF YOUR PAGE</a></center><br> Here's the pictures URL that I'm using for the Image: http://i80.photobucket.com/albums/j1...120/Clouds.jpg Please try and help Thanks Can someone please try and help me with this code. I'm trying to center text below this image with a certain color. Here are the codes and text: Image Code: <style> body div td td {height:700px; vertical-align:top; background-image:url(http://i80.photobucket.com/albums/j1...-2007-14.jpg); background-repeat:no-repeat; background-position:center top;} td.text td, td.text div td td {background-image:none; height:auto;} </style> Color Code: <p style="color:FFFFFF;"> The Text: Many a man curses the rain that falls upon his head, and knows not that it brings abundance to drive away the hunger. Thanks for the help I'm a total beginner when it comes to HTML. I was given some code to use for my fading rollover image which worked great but when I went to add another rollover image in my HTML doc the second did not function. I know something must be added to the <head> portion of the code in order for the new rollover to work but I can't seem to figure out what it is. My site is www.sailormoonthemovie.com/test.html. Thank you so much for your time and help! Any suggestions are much appreciated I want to put two different images in my background. one on the left and one on the right. and i would like it to be fixed. can someone help me with the code? i can only get one background image. this is what im using rite now: <style type="text/css"> body { background: url(example.jpg) fixed right no-repeat;} </style> Hi, I am trying to solve this for few days, but i cant slove it, so frustrated and nervous. Following is my coding: <select name="lang" onChange="form.redirect.value='index.html'; form.submit()" > <option value=0>English</option> <option value=1>English</option> <option value=2>Francais</option> <option value=3>Castellano</option> <option value=4>Deutsch</option> </select> how can i set English as default? yet user can see the Word "English" appear as deafult. HElp me please..Thanks and appreciate for your help :-) Hi, I need HTML code for image gallery like this or similar one. The most importand is the left&right arrows. Thanks for who try to help. I don't know alot about HTML. I just need a simple HTML Rollover/Hover code I can pop my image URLs into and it will work. Help? I'm using Freewebs, btw. Hey guys, my problem is I need this code to be tweaked so that when the page is loaded there are 5 thumbnail images between the forward and backward buttons. Currently, the way it is configured, only three images show to start, but as you click on a thumbnail to load a new picture, more thumbnails show up, up to five. I tried to change this myself, only to have the wrong image load when the thumbnail is clicked and other problems. So here is the code in question: HTML Code: <body onload="preloadImages();" bgcolor="black">
<div id="wrapper">
<div id="layer1">
<div style="position:relative;width:958px;height:645px;-adbe-g:p;">
<div style="position:absolute;top:544px;left:112px;width:69px;height:25px;">
<a onmouseover="changeImages('HomeText','Images/HomeTextRolloverGif.gif');return true" onmouseout="changeImages('HomeText','Images/HomeTextGif.gif');return true" href="IanGIbbonsPhotographyMain.html"><img id="HomeText" src="Images/HomeTextGif.gif" alt="" name="HomeText" height="25" width="69" border="0" /></a></div>
<div style="position:absolute;top:544px;left:256px;width:84px;height:23px;">
<a onmouseover="changeImages('AboutText','Images/AboutTextRolloverGif.gif');return true" onmouseout="changeImages('AboutText','Images/AboutTextGif.gif');return true" href="IanGIbbonsPhotographyAbout.html"><img id="AboutText" src="Images/AboutTextGif.gif" alt="" name="AboutText" height="23" width="84" border="0" /></a></div>
<div style="position:absolute;top:544px;left:400px;width:67px;height:25px;">
<a onmouseover="changeImages('HireText','Images/HireTextRolloverGif.gif');return true" onmouseout="changeImages('HireText','Images/HireTextgif.gif');return true" href="IanGIbbonsPhotographyHire.html"><img id="HireText" src="Images/HireTextgif.gif" alt="" name="HireText" height="25" width="67" border="0" /></a></div>
<div style="position:absolute;top:544px;left:528px;width:112px;height:21px;">
<a onmouseover="changeImages('ContactText','Images/ContactTextRolloverGif.gif');return true" onmouseout="changeImages('ContactText','Images/ContactTextGif.gif');return true" href="IanGIbbonsPhotographyContact.html"><img id="ContactText" src="Images/ContactTextGif.gif" alt="" name="ContactText" height="21" width="112" border="0" /></a></div>
<div style="position:absolute;top:544px;left:704px;width:131px;height:22px;">
<a onmouseover="changeImages('CalendarText','Images/CalendarTextRolloverGif.gif');return true" onmouseout="changeImages('CalendarText','Images/CalendarTextGif.gif');return true" href="#"><img id="CalendarText" src="Images/CalendarTextGif.gif" alt="" name="CalendarText" height="22" width="131" border="0" /></a></div>
<div style="position:absolute;top:80px;left:128px;width:69px;height:317px;">
<table>
<tr>
<td>
<div align="center">
<a href="javascript:prevSet()"><img class="nobo" src="Images/prevSet.gif" alt="Previous Set" style="border-style: none" /> </a><br />
</div>
</td>
</tr>
<tr>
<td><a href="javascript:setPic(-2)"><img id="thumbnail1" src="Images/dot.gif" alt="" name="thumbnail1" style="border-style: none" /> </a></td>
</tr>
<tr>
<td><a href="javascript:setPic(-1)"><img id="thumbnail2" src="Images/dot.gif" alt="" name="thumbnail2" style="border-style: none" /> </a></td>
</tr>
<tr>
<td><a href="javascript:setPic(0)"><img id="thumbnail3" src="Images/thumbnails/Image1.png" alt="" name="thumbnail3" style="border-style: none" /> </a></td>
</tr>
<tr>
<td><a href="javascript:setPic(1)"><img id="thumbnail4" src="Images/thumbnails/Image2.png" alt="" name="thumbnail4" style="border-style: none" /> </a></td>
</tr>
<tr>
<td><a href="javascript:setPic(2)"><img id="thumbnail5" src="Images/thumbnails/Image2.png" alt="" name="thumbnail5" style="border-style: none" /> </a></td>
</tr>
<tr>
<td>
<div align="center">
<a href="javascript:nextSet()"><img class="nobo" src="Images/nextSet.gif" alt="Next" style="border-style: none" /> </a><br />
</div>
</td>
</tr>
</table>
</div>
<div style="position:absolute;top:97px;left:280px;width:565px;height:386px;">
<img id="BigPic" src="Images/Photography/Start.png" alt="Enforcer" name="BigPic" /></div>
<csnopos>
<cspos xpos="80" xpos="0">
<script type="text/javascript" language="javascript">
filenames = new Array (
"Image1.png",
"Image2.png",
"Image2.png",
"Image4.png",
"Image5.png" )
descriptions = new Array (
"Image1.png",
"Image2.png",
"Image3.png",
"Image4.png",
"Image5.png" )
picCount = filenames.length;
index = 0;
function getPic(i) {
return filenames[i];
}
function getDesc(i) {
return descriptions[i];
}
function setPic(thumb) {
if ( index + thumb >= 0 && index + thumb < picCount ) {
index = index + thumb;
var mainPic = document.getElementById('BigPic');
newPic = "Images/Photography/" + getPic(index);
mainPic.src = newPic;
updateThumbs();
}
}
function prevPic() {
if ( index > 0 ) {
index--;
updateThumbs();
}
}
function nextPic() {
if ( index < picCount ) {
index++;
updateThumbs();
}
}
function prevSet() {
if ( index > 5 ) {
index = index - 5;
} else {
index = 3;
}
updateThumbs();
}
function nextSet() {
if ( index < picCount - 5 ) {
index = index + 5;
} else {
index = piccount - 3;
}
updateThumbs();
}
function first() {
index = 2;
updateThumbs();
}
function last() {
index = picCount - 4;
updateThumbs();
}
function updateThumbs() {
for ( i = 1; i < 6; i++ ) {
var thumbPic = document.getElementById('thumbnail' + i);
thumbindex = index + (i - 3);
if ( thumbindex >= 0 && thumbindex < picCount ) {
newPic = "Images/thumbnails/" + getPic(thumbindex);
} else {
newPic = "Images/dot.gif";
}
thumbPic.src = newPic;
}
}
</script>
You can find this in practice he https://campfireditties2.sslpowered....onsPeople.html Any help would be tremendously appreciated. anyone know a code that enables you to write over a image because right now i had to use my header and nav as a backround (because there pictures) is there anyway i can write text over a picture? thanks alot heres my website for reference, (the only reason the letters are on the nav bar is because i set it as a backround) someone please help www.seattlewest.net This is the code my shopping cart provider sent me: Code: <a href="HOST URL/ecom/gb.php?c=cart&i=LFR-1&cl=hidden&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="HOST URL/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart"/></a> I am trying to get this to launch (I removed the img tag code to prevent the button from drawing) from an Image Map. Instead of opening a window over the page, it opens the shopping cart in another tab. I need this to open normally (as a window with the original page in the background). After several days, I'm stumped. Here is the image map code for reference: Code: <map name="MAP"> <area shape="rect" coords="765,229,934,253" href="#"> </map> Hi guys, this is the site: http://eksow.com/ This the the source code for it: Quote: <html> <head> <title>Eksow Event Design & Management</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <SCRIPT TYPE="text/javascript"> <!-- // copyright 1999 Idocs, Inc. http://www.idocs.com/tags/ // Distribute this script freely, but please keep this // notice with the code. var rollOverArr=new Array(); function setrollover(OverImgSrc,pageImageName) { if (! document.images)return; if (pageImageName == null) pageImageName = document.images[document.images.length-1].name; rollOverArr[pageImageName]=new Object; rollOverArr[pageImageName].overImg = new Image; rollOverArr[pageImageName].overImg.src=OverImgSrc; } function rollover(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; if (! rollOverArr[pageImageName].outImg) { rollOverArr[pageImageName].outImg = new Image; rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src; } document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src; } function rollout(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src; } //--> </SCRIPT> <!-- ImageReady Slices (Untitled-1 copy.psd) --> <Center> <table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/Eksow_01.jpg" width="1024" height="261" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/Eksow_02.jpg" width="65" height="507" alt=""></td> <td> <A HREF="#" onMouseOver = "rollover('left')" onMouseOut = "rollout('left')" ><IMG SRC="http://eksow.com/images/Eksow_03.jpg" NAME="left" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_1_03.jpg"); //--> </SCRIPT> </td> <td colspan="2"> <A HREF="#" onMouseOver = "rollover('middle')" onMouseOut = "rollout('middle')" ><IMG SRC="http://eksow.com/images/Eksow_04.jpg" NAME="middle" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_2_04.jpg"); //--> </SCRIPT></td> <td> <A HREF="#" onMouseOver = "rollover('right')" onMouseOut = "rollout('right')" ><IMG SRC="http://eksow.com/images/Eksow_05.jpg" NAME="right" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_3_05.jpg"); //--> </SCRIPT></td> <td rowspan="2"> <img src="images/Eksow_06.jpg" width="78" height="491" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/Eksow_07.jpg" width="881" height="262" alt=""></td> </tr> <tr> <td colspan="5"> <A HREF="#" onMouseOver = "rollover('bottom')" onMouseOut = "rollout('bottom')" ><IMG SRC="http://eksow.com/images/Eksow_08.jpg" NAME="bottom" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_4_08.jpg"); //--> </SCRIPT></td> </tr> <tr> <td colspan="2"> <img src="images/Eksow_09.jpg" width="567" height="8" alt=""></td> <td> <img src="images/Eksow_10.jpg" width="21" height="8" alt=""></td> <td colspan="2"> <img src="images/Eksow_11.jpg" width="371" height="8" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="65" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="292" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="275" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="293" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="78" height="1" alt=""></td> </tr> </table> </center> <!-- End ImageReady Slices --> </body> </html> Here is what I'm trying to accomplish, but have no idea where to start from... 1. When people go to the site, the pictures at the bottom don't appear 2. When people click on "Hospitality Night" (far left), then the pictures appear 3. When it's clicked, the rollover image stays (white box) So in laymans terms... I go to the site, I click on far left link, pictures show. I click on the middle link, diff pictures show i click on the right one, different pictures show. && done Hi guys i just joined and hope to learn a lot from this forum! Ok, My question is if there is a HTML code to save an image as a different image. To help explain better I want to embed an original artwork image on my myspace page. I have seen other artist do this same thing where they have embedded and image onto their page and if someone uses the Right click>Save image as... to try to save that image they get a whole different image than the one they wanted to save. For example: Say you wanted to save this image and after you use the Right click> save image as... and open up the file you just saved You get this Scripts don't work with myspace so i would like to know if there is a HTML code that does this. Thanks for your time <<<Edit>>> Ok heres a better example this users profile has an image of his alias i guess in his "About Me" Section and when you try to save the image you get a 1pixel gif Heres the users page (Google cache) http://64.233.167.104/search?q=cache...lnk&cd=1&gl=us The actual image URL is : http://img71.imageshack.us/img71/880/101copyzd9.png and the 1pixel gif's URL is : http://x.myspace.com/images/clear.gif I would like to know whats the html code for this because when you try to save the imageshack image you end up downloading the 1pixel gif instead Thanks for your time Not sure what I'm doing wrong but this background is not showing up on my page. I've tried foxfire and chrome. Thanks <body style="background-image: url(http://img.photobucket.com/albums/v297/stebinus/texturesat9055041.jpg);"> I'm trying to put default values in my Input fields, which are text fields, of course, but I have numeric input values so I want them on the right. Is there any way to do this? here's a snippet of my code so's you can see what I mean: <form action="" id="calculate_form"> <div> <table style="width: 937px; height: 438px;"> <tbody> <tr> <td> Height: (Metres) </td> <td style="text-align: center; vertical-align: top;"> <p><input value="0" name="height" id="height" /> </p> </td> <td> Cement Price/20kg Bag<br /> </td> <td><input value="7" name="cementprice" id="cementprice" /></td> </tr> <tr> <td>Breadth: (Metres)</td> <td style="text-align: center; vertical-align: middle;"> <p><input value="0" name="breadth" id="breadth" /> and so on........... Perhaps it can't be done in HTML? In that case, what could it be done in? i've got a javascript script on this page, to do the calcs. I have a document with objects positioned with Absolute values. I want to center the page vertically and horizontally. Is there any way to change the default X and Y, so that the page will display where I want it to? Thank so much. Rick I was just curious when I make a form element, if there is a default name that is set to that form if I do not use the "name=" attribute". Hi Hope someone can help. I am new to HTML and i am a bit stuck. I have written a Java script to populate a text box with the contents of a directory and what I want to do is to display a gif or picture whilst the data is getting retrieved. My code is (it is in a grid) <TD><textarea name="files" cols="50" rows="20">test</textarea></TD> What I want is to have the box show a pic as default until the script loads the data. Thanks Paul |
|||||||