473,749 Members | 2,451 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

javascript simple image gallery help

2 New Member
i am well virsed in html and CSS but I am making a new portfolio site for myself and I would like to implement some java for a simple way to display my images, using my links to the left when the item is clicked i want my image to be loaded in the place holder, I found a perfect tutorial online
http://www.alistapart.com/articles/imagegallery

but something is wrong when clicking the first link "mecha horse" it should load 1.jpg into my place holder but does not, can anyone scrub through my simple source code and tell me what I am doing wrong kinda baffled as to what I did wrong...

this is my new site thus far http://www.sooohooo.com/

p.s. everything is really rough cuz I need to get this working then style ha!

-j
Oct 5 '09 #1
3 2619
Dormilich
8,658 Recognized Expert Moderator Expert
@jwidener117
it took some time to load the pictures, but it worked for FF 3.5
Oct 6 '09 #2
jwidener117
2 New Member
@Dormilich
I actually just fixed it like 30min ago, turns out that tut had invalid characters in the js, works fine now i was trying to edit the thread to remove the post but looks like I cant

thanks anyways!
Oct 6 '09 #3
Dormilich
8,658 Recognized Expert Moderator Expert
@jwidener117
that’s right, you can’t remove the thread. that’s up to the mods for certain circumstances.

btw. do you mean the » characters?
Oct 6 '09 #4

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

Similar topics

2
3404
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 to Javascript to execute the new window opening. But as it does this, the main window is loaded which is blank (the browser URL bar shows the URL of the URL passed to the PHP / Javascript script). I would like to keep the gallery page visible...
18
4389
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 solution where and which part of the code should be placed/inserted in the main HTML code? Sometimes a Javascript functionality is split up to several parts and/or it makes a big difference where the Javascript code should run/be called (e.g. -...
10
2245
by: ste | last post by:
Hi there, I'm trying to query a MySQL database (containing image data) and to output the results in a HTML table of 3 columns wide (and however many rows it takes) in order to create a basic thumbnail gallery. I can query and output the data as a single column table, but I'm having problems filling up a 3 column table (with different images, looping continuously until the end).
2
1903
by: michaelmaud | last post by:
I am currently working on a photo gallery which loads in images on the fly. upon the page loading, it scans the directory in PHP and builds an array of the image names in a JavaScript Array format i.e. Array("01.jpg', "02.jpg", ...) I am new to using Javascript so don't really know the terms for things. I have two navigation cursors which then cycle through the array. What I want is to be able to display the image number and the total...
2
1875
by: kaizer bo | last post by:
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
4
1797
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 float, then using absolute positioning (and z-index) to display the image over the second float. The CSS for the thumbnails is from "Web Accessibility At C-net.us" by K Chayka (http://accessat.c-net.us/test/gallery2.html). The CSS to display the...
2
2362
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 same way as if it had been called from the HTML page. within the flash file I have this function: javascript: myLightWindow.activateWindow({rel: 'Dele', class: 'lightwindow page-options', href: 'gallery/11_image.jpg', title: 'Waiting for the...
25
4142
by: Gilles Ganault | last post by:
Hello I've been googling for a couple of hours, but still haven't found what I need: - really simple PHP-based image gallery software. Ideally, just a single file that I just drop into a directory filled with JPG files - uses eg. GD to generate thumbnails automagically, and saves them into a sub-directory for the next time (I don't want thumbnails to be regenerated every time someone views the pictures) - as an option, supports...
2
1648
by: MZ | last post by:
Hi, I am looking for a universal solution to create a photo gallery from files which are laying in a folders fullsize and smallsize. The smallsize files are the thumbnails of the fullsize JPG files. And I have found a prety simple solution. Please take a look at http://www.softpedia.com/get/Internet/Other-Internet-Related/Javascript-Gallery.shtml JavaScript gallery by Consoriana.
3
4234
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 thing with SWFs (Note: Both galleries exist on separate pages so there is no confusion.) Here is the function that works on the image gallery page: function showPic (whichpic) { if (document.getElementById) { ...
0
8997
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, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8833
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,...
0
9568
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9389
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8257
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 project—planning, coding, testing, and deployment—without 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
4881
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3320
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
2
2794
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2218
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.