FORUMS: list search recent posts

Getting images to load within the same page (Image Gallery)

COW Forums : Web Design (Wordpress, Joomla, etc.)

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Alex Batten
Getting images to load within the same page (Image Gallery)
on Aug 30, 2010 at 1:27:22 pm

I'm designing my site at the moment and want to include some photos (500 x 331 pixs). I've seen a few sites with image galleries where when you choose to view the next image it will load in the same space as the previous photo without the page reloading, sometimes there is also a small circular loading wheel.

I think it's done using AJAX Javascript or something similar but have been unable to find any tutorials which deal specifically with this although I'm sure there are many (links would be greatfully received). I want to be able to navigate through them with arrows, or a row of numbers or something simlar and straight forward.

simlar to these: (this is flash I think)

I'm using Dreamweaver, and have been working mainly in the design and split views so don't know too much about coding, but I was hoping to find prehaps a few lines of script that I might be able to paste in and edit to make this, as the rest of the page is all done. I don't really want to use a pre made gallery plug-in if I can help it.

Thanks for any help.

Return to posts index

Curtis Thompson
Re: Getting images to load within the same page (Image Gallery)
on Aug 30, 2010 at 3:54:46 pm


it's a very common thing. you can do it using a variety of 3rd party javascript libraries (it's not ajax, btw - just javascript)...the two bigger ones are:

- jquery
- mootools

but there are lots of others, or you can even write your implement them takes some knowledge of javascript and html, however.

for the first example you provided, they are using prototype. here's a tutorial on how to use that exact effect:


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2018 All Rights Reserved