473,386 Members | 1,754 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

add javascript to css image gallery

Hi all,

could someone show me how to add javascript functionality to a css
image gallery? I would like to adapt the gallery at
"http://www.cssplay.co.uk/menu/gallery_click.html" so that when a
thumbnail is clicked the larger image remains selected until another
thumb is clicked.

At the moment when I click a thumbnail the larger image appears, but if
I click anywhere else in the page or adjust my scrollbar the image
disappears.

Thanx.

Jul 19 '06 #1
2 1820
kaizer bo wrote:
Hi all,

could someone show me how to add javascript functionality to a css
image gallery? I would like to adapt the gallery at
"http://www.cssplay.co.uk/menu/gallery_click.html" so that when a
thumbnail is clicked the larger image remains selected until another
thumb is clicked.

At the moment when I click a thumbnail the larger image appears, but if
I click anywhere else in the page or adjust my scrollbar the image
disappears.

Thanx.
For info, I'm using FF/WinXP and the image remains in place when
adjusting the scrollbar although it does disappear if I click elsewhere
on the page. However, If I take the focus off FF (i.e. to type this) and
then return to it, hovering over the image, the image disappears.
Jul 19 '06 #2
I noticed in Firefox it does appear to work fine, but the problem seems
to affect IE.
Jessica wrote:
kaizer bo wrote:
Hi all,

could someone show me how to add javascript functionality to a css
image gallery? I would like to adapt the gallery at
"http://www.cssplay.co.uk/menu/gallery_click.html" so that when a
thumbnail is clicked the larger image remains selected until another
thumb is clicked.

At the moment when I click a thumbnail the larger image appears, but if
I click anywhere else in the page or adjust my scrollbar the image
disappears.

Thanx.

For info, I'm using FF/WinXP and the image remains in place when
adjusting the scrollbar although it does disappear if I click elsewhere
on the page. However, If I take the focus off FF (i.e. to type this) and
then return to it, hovering over the image, the image disappears.
Jul 19 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Dariusz | last post by:
I have a problem with a call a Javascript "window.open()" function which is executed as part of a PHP file when a user clicks on an thumbnail image. The PHP is executed which passes some variables...
0
by: Perttu Pulkkinen | last post by:
Does anybody know a php-based image gallery, where final looks of the actual site would not be determined by the application? I mean that there would only be a php-library of objects/functions that...
18
by: Arthur Connor | last post by:
Is there a way of extracting the Javascript code from the "normal" HTML code (e.g. similar to CSS code which can be put into a separate file) ? If you offer a solution: can I determine in your...
8
by: Chris Dewin | last post by:
Hi. I run a website for my band, and the other guys want an image gallery. I'm thinking it would be nice and easy, if we could just upload a jpg into a dir called "gallery/". When the client...
4
by: RE Kochanski | last post by:
I have attempted to use the CSS techniques from two or three sites to create a CSS only image gallery. I am muddling the affair by placing the thumbnails in one float, the page text in another...
0
by: numbnutz | last post by:
Hi, I am currently working on an XML Gallery for my girlfriend's brother who is a photographer. I have created a flash front end template and am using an XML database to load the images and...
2
by: ShinKaiser | last post by:
Hi there, I use a Javascript lightbox application known as lightwindow on my site, basically I have set up lightwindow to launch from flash via the javascript functions, light window launches in the...
3
by: etabetapi | last post by:
I'm trying to build a simple gallery using some thumbnail images to load larger images and SWF files by swapping out the source hrefs. It works okay with images, but I'm having trouble doing the same...
1
by: DavidPr | last post by:
I'm using a Javascript script that displays pictures in a popup window and it works fine except when there's a picture that contains parentheses: <a...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
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...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

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.