HTML - Php Click Through Gallery
Hi everyone,
Someone suggested that I use php to create a gallery for my site. I've never used php, and I want a simple click through gallery. (in the circle.) can anyone please recommend a script? http://imageupload.org/?d=4DA74E611 This is my layout. Similar TutorialsHi all i need some help. I have created a simple gallery with a large image and smaller images to the left of it, when the small images are clicked they change to the large image, see an example here http://vfashion.co.uk/help/example.html but i want to be able to add a link below the main image so when its clicked the current image that is displaying large will open up in a new window. how would i do this??? the code for the page is below please can someone help me Code: <head> <meta content="en-gb" http-equiv="Content-Language"> <style type="text/css"> .auto-style1 { margin-bottom: 0px; } </style> </head> <TABLE id=table1 height=164 cellSpacing=0 cellPadding=0 width=605 border=0 class="auto-style1"> <TR> <TD vAlign=top width=603 colSpan=2 height=20><B><FONT face=Arial color=#333333></FONT></B></TD></TR> <TR> <TD vAlign=top height=106 style="width: 200px"> <DIV align=center> <TABLE id=table2 cellSpacing=0 cellPadding=0 width=147 border=0> <TBODY> <TR> <TD height=10></TD></TR> <TR> </TR> <TR> <TD height=5><div align="center"> <table border="0" width="147" cellspacing="0" cellpadding="0" id="table23"> <tr> <td align="center" colspan="2" height="10"></td> </tr> <tr> <td align="center"> <img style="border-color: cccccc" alt="" src="1.jpg" width=70 border=1 onclick=document.url.src="1.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> <td align="center"> <img style="border-color: cccccc" alt="" src="2.jpg" width=70 border=1 onclick=document.url.src="2.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> </tr> <tr> <td align="center"></td> <td align="center"></td> </tr> <tr> <td align="center"> <img style="border-color: cccccc" alt="" src="3.jpg" width=70 border=1 onclick=document.url.src="3.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> <td align="center"> <img style="border-color: cccccc" alt="" src="4.jpg" width=70 border=1 onclick=document.url.src="4.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> </tr> <tr> <td align="center"></td> <td align="center"></td> </tr> <tr> <td align="center"> <img style="border-color: cccccc" alt="" src="5.jpg" width=70 border=1 onclick=document.url.src="5.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> <td align="center"> <img style="border-color: cccccc" alt="" src="6.jpg" width=70 border=1 onclick=document.url.src="6.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td> </tr> </table></TD></TR></TBODY></TABLE></DIV></TD> <TD vAlign=top width=405 height=40 rowSpan=3> <P align=center> <img src="1.jpg" alt="" name="url" width="380" border="0" id="url"></P> <P align=center> Click to enlarge</P></TD></TR> <TR> <TD vAlign=top height=106 style="width: 200px"> </TD> </TR> Hi, Does anyone know how you make a gallery to this one http://www.suecorr.com/page2.htm, where the image pops up when you click on it and darkens the background, and also gives you the option to move on to the next image. Thanks Dyfrig Hello to everyone, Brand new here and need help with something that has not been covered here. I am trying to implement a new gallery script on my website. The script requires an <ul> of images to make it work. Example: <ul class="gallery"> <li><img src="img/architecture11.jpg" alt="architecture11" title="architecture11 Caption"></li> </ul> My question, as i have around 100 images for each album will i have to code each line manually... it would take forever! Many thanks. Maggi. I'm trying to create a web page that allows my thumbnail photos to link to an enlarged version of the same image right above the thumbnails. So lets say I have 4 thumbnails lined up, I could click on either one, and a larger version of the image would appear, centered, above. If I clicked another image, the previous enlarged image would go away, and the newly clicked image would display, enlarged, in place where the last one was. I know you can do something similar with a mouseover code with Java script. I'm looking to strictly create something for a single page with HTML. Anyone have some insight? I'm building a website and i'm new to this. I want to build a gallery section on my site. Here's how I want it to work. I want people to be able to upload there own pictures in it themselves. It's main page will be the thumbnails with small description deside it. When a thumbnail is clicked, it open a pop-up with the picture with a resolution of 600x400 with description under it the person added while uploading the picture. After when the 600x400 picture is clicked that pop-up window will closed and another one with its orginal resolution will open. Clicking again will cause is to close. I also want to add a search engine in there with search options such as category, newly added, latest added, user... If anyone know ann extention for dreamweaver for it or something with frontpage please let me know. any help at all will be appreciated and thanked. I was wondering if it was possible to past an Image over an image WITHOUT backround img code. But my MAIN q. was if there was a win7 equivelant to galleryimage=no. Hi everyone! I am redesigning my website. It is an illustration website, and it needs to have a portfolio. I need some help with the gallery navigation. I want people to use the arrow keys to move between images, and I want the image to be in the circle. How should I do this? I don't want to use frames, and I also don't want to make an entire new page for each image. Any tips? Thank you! http://imageupload.org/?d=4DA74E611 Hello there, This problem might belong in the serverside section, but it seems to be syntax related, so I'll post it here for now. The current problem can be seen at: http://urkedaljenssen.no/hp/gallery/images/photography/ (The thumbnails become black X's, but do not worry about this, it is a different problem altogether. This is just an example of the application in use) The application in question is Simpleviewer, located at: http://www.airtightinteractive.com/simpleviewer/ (free application) The automated script in which the problem is located is he http://www.airtightinteractive.com/s..._instruct.html (PHP version) Problem: When trying to execute the script, having chmod'ed everything to 777 on all levels, it displays syntax error on line 408. I have checked line 408 in the script and this is the doctype declaration, I can't see any errors in it, but perhaps a fresh pair of eyes can as I have been working Thank you. Hi people. I'm looking for a small script, preferably CSS. Not really looking for table, or JavaScript.. Here is what I'm looking for in the way the images are set up; Thanks -- Chris hey I'm working on a video gallery, and here is the basic code: Code: <!-- Start Videos --> <div id="Watch a video"> <img src="WatchAVideo.jpg" alt="Click a video below to watch!" /> </div> <div id="Video1" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video1" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 2" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video2" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 3" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video3" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 4" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video4" frameborder="0" allowfullscreen></iframe> </div> <!-- End Videos --> <!-- Start Thumbnails --> <a href="#" clicktoshow="Video 1" clicktohide="Watch a video,Video 2,Video 3,Video 4"> <img src="thumbnail-1.jpg" /> </a> <a href="#" clicktoshow="Video 2" clicktohide="Watch a video,Video 1,Video 3,Video 4"> <img src="thumbnail-2.jpg" /> </a> <a href="#" clicktoshow="Video 3" clicktohide="Watch a video,Video 1,Video 2,Video 4"> <img src="thumbnail-3.jpg" /> </a> <a href="#" clicktoshow="Video 4" clicktohide="Watch a video,Video 1,Video 2,Video 3"> <img src="thumbnail-4.jpg" /> </a> <!-- End Thumbnails --> I am aware that "Clicktoshow" and "Clicktohide" are NOT working HTML codes, But i wanted to know how I can do it so it does work. Any ideas? Hi Can anyone point me in the direction of some decent HTML code for a photo gallery, Im getting fed up with people not being able to open my falsh ones so im going back to basics. I want something that wont need loads of changes each month, something that will require little set up, Iv about 30 photos each weeke i need to put up online... any ideas? I want to make a gallery. What is the best way to do this? I've heard of something called coppermine, but I don't quite understand it.. Is there someone willing to help me, and to explain properly step by step how to make a photo gallery the best way? I am attempting to set up a gallery. My goal is to have it look some what like this with the right being thumbnails and the left side a full-view, thumbs opening in the full view window when clicked. My issue is how to target the left side, I could set up frameset's but I have no experience working with them so would like to avoid if possible. What I am wondering is if there would be a way to manage it with div's and how one would go about targeting it as a display space. Thanks in advance for any advice on the matter. hjghjghjgjkgjg Hi I am rebuilding my new website and want to make the gallery be more accessible to change when I want to add new work. I thought I could make an XML file with sequential image names that can then be loaded when the page loads and so make changes easier. I am not a javascript or XML script writer, and was looking around the web for a solution. I could only find flash versions or this method. What I would like is a script that could read the xml file and place images and a description in divs inside a container div on my page. This would then be styled using CSS. The images placed will also need to have an associated link to a bigger image file. Does anyone know of any resources that can give good examples of this type of gallery loader? Thanks in advance I'm working on the navigation the navigation for an image gallery I'm working on, but have run into some problems. It works fine in Firefox and Safari, but doesn't work in IE6, IE7, and Opera, and I can't for the life of me figure out why. The previous link and next link appears when they hover over the right and left side of the picture. I think it might be a problem with z-index, and the two link pictures getting stuck under the image in the image gallery, but I'm not sure. I've included a example file with the problem. Any and all help is appreciated. 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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Example</title> <style type="text/css" media="screen"> #test { margin:0; padding:0; position:relative; top:0; left:0; width:800px; height:640px; background-color: #000; } #nav{ position:absolute; left:0; top:0; z-index:999; width:100%; height:100%; } #Next,#Prev{ position:absolute; display:block; width:50%; height:100%; outline:none; top:0; } #Next{right:0;} #Prev{left:0} #Next:hover{ background:transparent url(next.gif) no-repeat 100% 30%; } #Prev:hover{ background:transparent url(prev.gif) no-repeat 0% 30%; } #image{ display:block; } </style> </head> <body> <div id="test"> <div id="nav"> <a href="#" id="Prev"></a> <a href="#" id="Next"></a> </div> <img id="image" src="grass.jpg" alt="image" /> </div> </body> </html> Hi - Have uploaded a site, everything looking ok across all browser then yesterday at a friends house the site gallery looked odd in Safari, the images were moved to the right of the light box gallery. It is fine in my version Safari. I checked their updates, Javascript settings etc... Everything ok... It's really bugging me as I cannot work it out... They are using OS x (Leopard). Is anyone else getting the same result? http://www.hargrovecottage.com/accommodation.html (click one of the links on the right hand side)... Any ideas hugely appreciated... thanks... Hello, Do you know any HTML/Javascript/JQuery photo gallery which behave like this flash gallery? http://www.erwinolaf.com/#/portfolio..._2001/gallery/ The point is images : 1- Images does not show in a modal popup window. 2- When each thumbnail selected , current image animate to left and selected image also shown with comming from right to left. Thanks Mazdak Hi All, I have an issue with image gallery javascript that i am using to view the images, Image gallery type what i use is "colorbox" javascript which i found on the net. This is what i am doing: I have an html page which would display the records from the xml file...everything works fine as expected, the problem here is with the image gallery, my xml records have images. I have 3 frames , left, center and right pages...the content page displays the records. Let say i have about 15 records which displays records of the student with their pictures. ..the issue here is when i click on the image of the 15th student way down the page, image loads up at the center of the content page, i have to scroll up to view the image...similarly if i open 1st record of the student, it takes the center of the all the 15 records and image appears at the center and i would have to scroll down to view 1st student picture. I want the image to displayed where the picture is seen, i shouldnt be scrolling up and down to view the page. Any idea, how to overcome this? If I view individually instead in the iframe..image loads exactly where the pic is, i need not scroll up and down. Hope i was clear in explaining my problem Any help is highly appreciated.. I am trying to add a photo gallery, slide show images (10photos) to my site and I would like to get some suggestions from you guys. Thanks |