473,786 Members | 2,849 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Need help making a photo gallery!

5 New Member
(please stop deleting :), or tell me why you are, but this is where I want the thread)

How do I make an image gallery where there are about 20 thumbnails and when you click on one, it blows it up to normal size inside the same window, and when you click on another it replaces the blown up last image with the new one you clicked.

Thanks
Jan 4 '06 #1
8 3075
Niheel
2,456 Recognized Expert Moderator Top Contributor
I deleted previous messages, because the way you stated the question it was a pure html/design issue. Not programming.

It is still a design/user interface issue. So I will move it back into design & interface forums.
Jan 4 '06 #2
Niheel
2,456 Recognized Expert Moderator Top Contributor
You will need to use javascript and the onclick event. When you click on the small image, it will load a larger image in a seperate space on the same page. Run another onclick even so that when you click on the large image it moves on to the next image.

When I get the chance, I'll try to get some pseudo html/js going for you.
Jan 4 '06 #3
Tracker3000
5 New Member
Ok, thank you so much.
Jan 4 '06 #4
fuse-box
4 New Member
have you tried just using Photoshop or Fireworks to create a photo gallery? they do a Ok job or if you want them in flash you can use CoffeeCup Flash Photo Gallery.
I hope this was helpful! :)
=============== ===
.:K:.
Apr 3 '06 #5
webhead
56 New Member
I made one with just php:

http://www.floodfilm.com/galleryshow.php

It's also set up so only certain photos are viewable by the public, but the whole thing requires a database. I have others that just dump thumbnails from a directory, with each being a link to the full-sized image that will load in a new window.
Apr 3 '06 #6
tzulah
4 New Member
csszengarden has some neat examples of photo galleries that use only css. Two notable ones are here:

http://www.cssplay.co.uk/menu/scroll_gallery.html#nogo

http://www.cssplay.co.uk/menu/gallery.html#nogo


The second one even comes with a tutorial, and if you follow it and understand it, it's not too hard to read the code for the first one and make one yourself.
Apr 6 '06 #7
ablaye
11 New Member
NOt sure what you mean??? You want the images to open in a new window??? Why not use the "a href" tag with target=new and have it open the full size image in the new window in this fashion.
Apr 20 '06 #8
chido
2 New Member
It is always better to use a pre designed gallery components.
Why re-create the wheel
Jun 11 '06 #9

Sign in to post your reply or Sign up for a free account.

Similar topics

6
5225
by: nick | last post by:
After spending many hours trying to find a simple looking, fast,dynamic php photo-gallery for my digital pictures, I decided to code a my own. Once installed, all you have to do is drop a new folder of images on the server. Dynamic thumbnails, slideshow are built in.
2
3439
by: Daniel Kelly \(AKA Jack\) | last post by:
Hi! I'm searching for a Photo Gallery software package (like Coppermine and Gallery) that works, from the ground up, like a database-driven app. In other words, I want a gallery which entirely does away with the hierarchical structure of traditional gallery apps and allows the user to select, from a list of criteria, whatever photos he or she wishes to see. For example, each photo would have entries for photographer, category, date,...
10
2879
by: matt | last post by:
I have this code, works perfectly on Windows server, but now i'm trying to run it on a Linux server, the form submits, i get no errors, but the photo doesnt upload, and the caption file doesnt write.... any ideas why?? <?php include 'gall_settings.inc';
7
3271
by: Eric Lindsay | last post by:
I would like to do a photo gallery with a liquid layout. I wanted to center a caption below each photo (or above each photo). I can do that easily with tables, but then I don't have a liquid layout. Besides, I wanted to try to do it with CSS. I can do centered captions with text-align. This works provided the element containing each photo is floated left. I have found several examples of how to do this. However I didn't want the...
1
2917
by: desjardins.daniel | last post by:
Hi ! Excuse my english, i'm a french canadien... So here my message : I have put on my site a photo gallery and at the right a nav menu. This menu has a red dot visible want someone is passing over one item or clickong one item. I want to make two things in this page (the sameone http://www.danieldesjardins.com/gallery/1202015) so it would be like a
13
4349
by: Viken Karaguesian | last post by:
Hello everyone, Can anyone recommend a good online site to learn PHP? The W3Schools website is quite lacking - leaves much to be desired. I'm sure there are many places, but which ones are good? I currently run a site with an extensive photo gallery. Hundreds of photos. Right now I have a system which the thumbnails are laid out in a table. You click on a thumbnail and you see the full size picture. That full size picture is in its...
1
3240
by: Xah Lee | last post by:
The following is a program to generate thumbnail images for a website. Useful, if you want to do that. It is used to generate the thumbnails for my “Banners, Damsels, and Mores” project gallery. ( http://xahlee.org/Periodic_dosage_dir/lanci/lanci.html ) Comments and versions in other lang welcome. Xah
1
3606
by: cumupkid | last post by:
II am trying to create a form that will allow me to upload photos to a folder in the site root directory and add the information to the mysql db at the same time. I have created two forms, one that uploads to photo to the folder in the site root diorectory. One that uploads the info to mysql database. but... When I try to upload them both ways at the same time i cant get it. I am Including code for both pages i have working. Code for...
1
3484
by: Scott Sandeman-Allen | last post by:
On 5/1/08, Jumping Arne (arnlen@mac.com) wrote: I've been working with Photologue for a while with some nice results. <http://code.google.com/p/django-photologue/> It is a Django project <http://www.djangoproject.com/>, It includes support for tagging:
0
1683
anfetienne
by: anfetienne | last post by:
ive been through a tutorial on using array for a gallery and wrote the following code. i need to include thumbnails with left and right buttons on each side to scroll through the thumbnails MY CODE #include "64516994.txt" this.fadeSpeed = 20; this.pIndex = 0;
0
9647
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, well explore What is ONU, What Is Router, ONU & Routers main usage, and What is the difference between ONU and Router. Lets take a closer look ! Part I. Meaning of...
0
9496
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
10110
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8989
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development projectplanning, coding, testing, and deploymentwithout human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6745
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5397
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5534
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4066
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2894
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.