HTML - Opening Multiple Thumbnail Images Into One Html Not Many?
Let me set up what my site looks like first, then I'll delve into the question. My site has frames, top frame, left frame, and a main frame. The left frame contains numerous thumbnail images that I want the user to click on and get a larger version of said image inside the main frame. The problem I'm having is I have to create a separate html page for each (larger)image (and it has become incredibly tedious), instead of just having a main.html with some sort of way of opening multiple (not more then one image at a time, but have an image replace the previous one when a new thumbnail is clicked) images inside of it. How can I do this? Would I use a div or what? I'm just learning so any help would be great. If I haven't explained well enough, I'll be happy to restate the question if you wish. Please help ! )
Similar TutorialsOkay here is the previous thread that lead me to this issue. http://www.htmlforums.com/html-xhtml...tml#post670803 It solved my issues of opening a new window based off of the selection in a drop down, how ever I have 13 drop downs and the script from the above thread only allows one drop down to work. The drop downs will increase, is there any way to get them all to work. Thanks dt_gry I'm new to scripting and tried over and over to make it work please help : ) the link in question is the facility page... the image icons when clicked i need it to open in the parent page. the page is www.laineross.com/clients/trans the other page is http://www.laineross.com/clients/tra.../facility.html Hi guys. I'm not very familiar with HTML at all, but I have just created a new blog on blogspot. I created a new "page" to make a gallery and I wanted to add my gallery as a simple HTML thumbnail thingie. I mean lots of thumbnails with a short description below the picture that allowed me to write like "Photoshoot 5/1-2012" or something like that. I made this code to make a thumbnail that when you click on it, the picture gets the original size, but would it be possible just by HTML coding to make the thumbnail go into a slideshow of pictures from that shoot without making it go to an external page? HTML Code: <a href="http://www.supercoloring.com/wp-content/thumbnail/2009_01/t-coloring-page.gif"> <img height="150" src="http://www.supercoloring.com/wp-content/thumbnail/2009_01/t-coloring-page.gif" width="150" /></a> If anyone got another idea that would work for me I'd love it. I don't know if I'm allowed to post my page but it's kenmoe . blogspot . com, I can delete it if it's not allowed, but it's a sub page next to "Blog" where I'd love a gallery that still looks nice and keeps the user on my page. Have a happy new year everyone! HI, Can anybody recommend a gadget for Previewing / Thumbnailing HTML templates on my hard drive. I have lots of index.html pages in different folders and I'm looking for a way to flick through them, rather than having to go in and open the files individually. Hi to everyone. I am very new to programming. I am writing an html code for a simple program here at our office. Part of the program is to open an html file that is located on another computer. The computer's IP address is 192.168.2.110 (on the local network) and is named accounting8. If I paste any of the following in the address bar of Mozilla Firefox, initial.html is show correctly: http://accounting8/genghis_khan/initial.html http://192.168.2.110/genghis_khan/initial.html However, when I use either of the two within my html code, nothing comes out. Here is the sample code: <html> <head> <title>Module</title> </head> <frameset cols="190,*" <frame src="http://accounting8/genghis_khan/initial.html" name="toc"> <frame src="http://www.yahoo.com" name="toc"> </frameset> </html> I hope you guys can help me out. Advance thank you. RJ how can i make an html code so i make Y! icon on web when some1 clicks it a chat window appears Hey yall.. I have some pdf files on my website. When a user clicks on the download link, I would like to display a web form, after they have filled out the form clicking submit will send the mail form and download the file that they have clicked on. What is the best way to go about this? Thanks for any help on this Hi, When I open an HTML with my browser to see how it looks, instead of what the code should look like showing showing up, the code itself shows up. Sorry if this is a stupid question, I'm quite new to HTML. I use Dreamweaver CS5. This is the code I used: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Good Morning! (For those of us in EST) I am building a website that will have multiple languages and there are separate images for the header for each language. I was wondering if there was a more proper way of having separate header images for each page, other than having a blank header image as a place holder for the space and placing the image for each page in header space? Also, a side question. I think http://validator.w3.org wants to cut my throat when I put in this code. Here is my doctype - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and the code... PHP Code: <dd class="style2"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/ylbObe9OgEM&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ylbObe9OgEM&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></dd> Did I mess up something big time? This was just the standard code from youtube. I'm trying to do a profile layout design using multiple background images in the body. body background-image: url('http://www.geocities.com/korknup/HATEBOOK/LOGO.jpg') is it even possible to embed more than one image in the body, like an image gallery? Hey I would like to have a bar span the entire width of any screen, but by using 3 seperate images: <-- image goes on forever left ] [ central image ] [ image goes on forever right --> Is this possible? if so, would you kindly show me how? much love... I am currently having an issue where Firefox allows my images to wrap according to window size but IE puts them one by one down the page instead of putting images side by side according to window size if they will fit. Example is that I have 5 images. 4 of the images are 350pixels X 400pixels and 1 image is 700pixels X 500pixels. I have code that loops through and gets images for each section that is setup. Then I am just displaying the image in 1 line of code which loops through and displays the images for each section. I have 5 sections setup with the five images listed above. My code then displays the section images with links to the sections. <a href="<%= lTemplateFileName %>"><%= (sectionMediaFile != null) ? sectionMediaFile : "" %></a> Firefox puts images side by side and since the 700pixel image will only fit on 1 row it puts that 1 image and then the next row shows 2 images because they will fit on that row. With IE using that code it displays each image 1 by 1 on seperate rows. I want to be able to use 1 piece of code that will allow images to wrap depending if multiple images can fit on that a row. I don't want to limit a <td> to a colspan and create a table out of it. I just want the images to display as many as it can fit on a window size and wrap the next images to the next row and so on and so on. Hello! I'm having this problem and am not sure if it can be solved: I have table with text. The text length varies as it is user-inputed. I want to have, as background, 2 graphics that encapsulate it on the vertical axis. They look like "[" and "]" but inverted. What I am aiming to do is have the text start with the "inverted-[", continue to stretch and then end with "inverted-]". How can it be done, please? There is only one TD and both graphics willl get covered with text, so I can't have one as background for the text TD and the last one just at the end without any text on it... Dear all. I see this done many times on many websites (especially comic websites) where an image has a forwards and backwards arrow button, and images selected correspondingly. Ideally I want the [img src="images/001.jpg"] file name to increase by one each time. So all I have to do is add more images in ever increasing filenames to the images folder, 002.jpg, 003.jpg etc. How do I add one to a filename and then refresh the page? Can I do this in XHTML ? Many thanks. hi, i want to create a page where in my background image has a shaded blue image with a boy jumping on the left side of it, I want to extend the image to the whole of the browser but it is not, please help it is very urgent. Hi Iam a beginner in html and need help inserting an image in the header. Iam trying to insert an image in the header and it is taking lot of space than it should which looks awkward on my webpage with the white space can someone help to insert the image exactlyso that it does not use that extra space I have just started to learn HTML and was trying to get images on my exparimental web page. I haven't published the page and I have tried everything to get it to work. I can get images to work on my backround but not on the page itself. i.e.<img src="/pics/mf.gif" width="100" height="100">. I have used the full path name and all pics are in the same folder as my page. All I get is a box on the top left of where the pic should be, its like the image isn't loading. Please help I saw some images embedded in text created with ▐ and ۩. If all you see are the images, the code is: &-#-9-6-1-6-; and &-#-1-7-6-9-; (disregard the hyphens). What are these images called and where are they documented? Don Hi all. I'm having a little bit of trouble with putting sliced images on my website and was wondering if you could help me out? I've made a very basic menu design in photoshop. I sliced the image using Photoshop then opened the resulting html file in Frontpage. When I opened the page in preview mode, the sliced images had moved slightly away from each other which is giving me gaps between the slices. Its also doing this when I view the page in a normal web browser, but not in photoshop Is this because I am using frontpage or could it be some kind of options setting in photoshop? Sorry if this is posted in the wrong forum btw....Any help would be great Thanks Hi all. I've implemented an Image on my .html page using the following source code: Code: <img src = "www.myURL.com/images/logo.jpg" alt = "my Logo" width = 15% height = 15% > but I get a big X where the image should be. I've also tried just using "/images/logo.jpg" as the src, but that doesnt work either. My pages are all online by the way, and are not stored locally on my Hard Disk. All my pages are in www.myURL.com/pages/ and the images are in www.myURL.com/images/. Any tips? Thanks |