|
HTML - Displaying Images
I need to display 40-50 images one-by-one using forward and backward buttons. It doesn't seem too difficult, but I'm pretty lost. Please help!
Similar TutorialsHowdy all! I recently developed the website http://www.dailytask.co.uk. I cant seem to get IE to show my images (regardless of format) within the tables ive used to put together its basic layout. Work okay in Firefox, Chrome and the rest. Could someone take a peak at the code for me and give me a shout out about what i am doing wrong here ? Thanks! Adil I am having problems viewing any images on the browser and don't know why so I am starting from scratch. I have placed an image titled "jesus.jpg" into a folder named "church" on my C drive, the relative path is C:/mike'sdocs/websites/church just to be sure I checked the image's properties and it confirms the image is a jpg file, I copied this image into Apache's htdocs folder where I placed the index file and this is all I am getting, the pic itself does not show, all I am seeing where the image should be is a rectangular bordered box on a transparent background with a small icon of a dog-eared page with 3 colored tiny symbols in it, what could be wrong here please? This is not an Apache issue, I was getting this same problem before just using Firefox's browser and I was told to install a webserver which is why I installed apache which is working fine as I can see any changes made to the text on my index page in Notepad. The code I am using is: <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <img src="jesus.jpg" width="144" height="50" /> </body> </html> I need to display TIFF images in a browser. I would prefer not to have to download and install ActiveX controls to the client to accomplish this. All of the clients are Windows 2000 or XP and use IE 6. Is this possible and if so any tips or pointers on where to start? Hi, Im a bit of an amateur and for some reason I cant get an image to display in firefox, but its fine in explorer.... Does anyone know why this might be? Thanks Aly_ve Hello, I'm not sure if what I'm asking is possible using html, but I'm going to ask anyway... I'm trying to figure out how to have a sidebar randomly cycle through a series of images each time the page is loaded/refreshed. I'd like the same image displayed at the top and bottom of my sidebar, one image each at the top and bottom of my menu list. But I want to make sure that the image displayed at top and bottom are the same one. Here's my current version of the site: http://home.comcast.net/~blayne81/l5rrpgweb/ You can see the menu on the left side of the page and the two images at the top and bottom of the menu. I have another eight or so images I'd like it to display randomly or cycle through in order (it really doesn't matter which), whenever the page loads/reloads so I don't have to manually pick which image appears every page I write, the code will do that for me. Thanks for your help, Brienprime my website is here crafthouse.net.au the offending directory is crafthouse.net.au/bonnie.php I have written this site with notepad. I use htm, css, and javascript routines from either freeware sites or other sources The site displays galleries of images (an amateur interest of mine) Each gallery page has a text preamble with thumbs below. Clicking on a thumb lays a transparent layer over the parent and a larger version of the image slides open centred on the page - looks very sweet (the routine is freeware - I adapted it to suit). Since doing this I've seen it a few times on other sites (don't you hate that!) ALL galleries have been working well. Today I decided to add a 1px border to the images in one gallery - I used a newly acquired version of CS4. PS is the only thing unique to this problem - I have updated from CS3 - but surely an image is an image is an image. When I uploaded the new versions of the images the images don't open. I have replaced them with origanals from D: to no avail? I have used colour space sRGB and Adobe 1998 - just in case? I have been in contact with my host and they say it's coding - but it's NOT! I have redone the page with a template from another working page. The rewtritten page displays well (of course) but the images still don't open. I have replaced the folder on the server in case the folder has problem (now I'm sounding like a jerk) Permissions are all correct. I've used WS Ftp Pro and FZ - the image folder on the server is black - the others are not! I wonder what this is about? Can anyone shed any light on this? I don't understand this at all. As I said in my introduction I have been dragged out of to produce 2 websites which is not my usual area of IT business. I have used MS Visual Web Developer 2008/IIS because that is what I have and I am having trouble with a small piece of code: <table> <tr> <td> <img src="Images/RSAshed.jpg" alt="Image not found" /> <img src="images/RSAstore.jpg" alt="Image not found" /> <img src="images/RSAwarehouse.jpg" alt="Image not found" /> </td> </tr> </table> With IIS Firefox displays 3 images horizontally across the page, but when this is uploaded to the Namesco host I get: http://www.mohairmarketing.org.uk/page4.html i.e. one image and two of 'image not found'. We have a Mandriva Linux file server so I have loaded the pages into Apache and get the same problem. Can anyone tell me what is the problem please. It seems that it may be wise to transfer production to Linux. I have tried Amaya but my eyesight is pretty poor and a cannot read the very faint coloured text. It would be preferable if the code was changed so that it works on all platforms. Thank you in advance. Malcolm I've created a webpage using html and was wondering if there was any way that when I open the file to have the address bar display a "fake" url. That is, when I open the file instead of saying "file:///Users.filename.html" it will say "www.example.com" in the browser's address bar. I'm on Mac OS and my browser is Google Chrome, if that helps. Hello, I've created a table with two columns, the second column is fixed width at 64px and contains a div, the div has a border and contains some text, the text renders to larger than 64px. This is a cut down version of a more complex page to illustrate the problem so just changing it to divs or some such wont help. In IE6 and FF2 the div border automatically stretches to contain the text, in IE7 the div is set to 64px and stays there, I don't think this is the correct behaviour, but I can't seem to find another mention of this problem, could anyone give me some pointers? tia, Dave here's the code or here http://members.iinet.com.au/~daven@powerup.com.au/ and the shorter url http://tinyurl.com/6gnpuc <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <BODY> <table cellspacing="0" cellpadding="0" style="width:100%"> <tr valign="top" style="width:100%;"> <td> hello </td> <td style="width: 64px;"> <DIV style="border: solid 1px #0000FF"> dsadsadsdsadas </DIV> </td> </tr> </table> </BODY> </HTML> Hi, I am new to this forum. I need some help. I want to know how to display the contents of a link in one box to another box when that link is clicked. Thanks Pankaj Internet Explorer version 6 is not showing the pages of my web site the same as Firefox 2, At the top there's a split between the two images on the left. http://www.thegoanexperience.com/ Originally it was meant to be touching the top but now for some reason it's moved down the page a little bit. So, right now I have a single page that loads flash files. It takes the name of the file and the size of the frame from the address bar, then uses that to load the game. However, the problem I have is displaying a tidbit of info about the game. I managed to make it scroll with a nice script, but unfortunately I have no idea how to store the content that goes in the actual iframe. Currently, the frame loads its info from the file itself, by using javascript to get the name of the game and retrieve the valid information. However, this makes the game loader 53 kilobytes, versus the 1-2 kb is was previously. Clearly, this is not an efficient solution - especially if I add more than the 80 or so games I have. Imagine the mess if it was like 1000 games, ugh. I try to add only the quality games though, so I doubt i'll ever reach that number. Quality over quantity, right? Still, what should I do to store the information and quickly look it up without downloading a bunch of information onto the user's computer? Hi I'm new to html and trying to make my first basic html website. I want to display calendar. I know I can hardcode a calendar in CSS or in HTML but I have to do it for every month. Is there a way I can display a calendar without hardcoding ?? Please help !!!!!!! Mav Can someone take a look at this page: http://www.robotsandcomputers.com/ro...wcomplaint.htm in IE and tell me why the text isn't showing up? It shows up just fine in Chrome and Firefox. Thanks... I found an old thread about this but it seems no one was there. I am also new at this so forgive me if I posted in the wrong place. I am using a javascript to replace my smiley characters with a smiley image in comments. The first comment will show all the images. The remaining comments just show smiley characters. Here is the code Code: var smilies = new Array();
smilies[';)'] = 'smileys/wink.gif';
smilies[':)'] = 'smileys/smile.gif';
smilies[':('] = 'smileys/mad.gif';
function showSmilies(){
foo = document.getElementById('div').innerHTML;
for ( x in smilies )
{
_search = x.replace( /\(/g, '\\(' );
_search = _search.replace( /\)/g, '\\)' );
_search = _search.replace( /\[/g, '\\[' );
_search = _search.replace( /\]/g, '\\]' );
search = new RegExp( _search, "g" );
foo = foo.replace( search, function(found){
return '<img src="'+smilies[found]+'" />';
});
}
document.getElementById('div').innerHTML = foo;
}
if(window.addEventListener){
window.addEventListener('load',showSmilies,false);
}
else {
if(window.attachEvent){
window.attachEvent('onload',showSmilies);
}
}
I have tried changing document.getElementById('div').innerHTML to document.getElementsByTagName('body')[0] It will replace everything on my page and it will also display smileys with a code and link with them. All I need it to do is display smileys in my "div" with the comments. This is also just an add on to my site. Thanks Hi all, My site displas in FF perfect but not in IE any reason for this? i took out some code which i thought would help but still no joy. heres the code i have now and my site is in my signature. HTML Code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/> <title>Basicproduction</title> </head> <body style="margin:0;background:#000;"> <div style="text-align:center;"> <a target="_blank" href="http://www.myspace.com/basicproduction"><img width="750" height="650" border="0" alt="" img src="/bpholding copy.jpg"/></a> </div> </body> </html> Thanks Hi! I've been working with html for a couple of years, but working with XML, C#, ASP.Net for the past three months and I may be exhausted, but for the life of me I cannot see why the image is not displaying for this page. See code below: <table width="100%" border="0"> <tr> <td align="center"><font face="Times, Arial, Helvetica"><a href="picLHVSMFP.htm" target="main"><img src="../images/picSHVSMFP.jpg" width="324" height="500" alt="Harmony Village - Sheppard - Main Floor Plan" border="0"> </a></font></td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"><font color="#000000">Harmony Village - Sheppard - Main Floor Plan</font></td> </tr> <tr> <td> </td> </tr> <tr> <td align="center"><a href="picHVSFP4.htm"><img src="../images/rightarrow.gif" width="11" height="10" border="0"></a> <font color="#003333"><a href="future.htm">Future Projects</a></font> <a href="picHVSFP2.htm"><img src="../images/leftarrow.gif" width="11" height="10" border="0"></a> </td> </tr> </table> I have underlined and bolded the image that is not displaying. The other images on the page are displaying and the links work and I have triple-checked the spelling and opened the image with Adobe Photoshop multiple times. I have even tried decreasing the image size, although larger images have displayed on the website without problems. Is there a syntax problem that I am just not seeing? I have attached the image as well. Thanks!!! Hello, I am having issues with the way my iFrame is displaying in internet explorer. It displays properly in Firefox, i just don't understad what I'm doing wrong the site is: www.mortgagesbykd.com Hi all, I have a select box in an html form which simply doesn't appear in ie6. I dont know what is relevant to this problem, but loosely, the layout is as follows: <div id="content"> <form> <p class="label"><label for="allocation">Label</label></p> <p class="input"><select name="allocation" id="allocation"> <option value="0">option1</option> ... </select> <div class="clear"></div> </form> </div> the label paragraph is floated left and input floated right, clear simply clears the floats. Other things in the form include tinyMCE textareas and textboxes. The submit button has an onclick handler that validates before returning true or false for php to put values into a mysql database. Everything else works fine but the select box is simply not there in ie6. Any help would be greatly appreciated, Thanks, Conrad Hi Could anyone take a look at my site at www.cyclistsfc.org.uk in Firefox and IE tell me why the navbar is showing in FF but not IE? Its just simple tables so I suppose I must have forgotten to close something somewhere... Cheers Luke |
|||||||