Encerrado

Loading Bar

The gallery’s on this website use a Javascript called “Accordion” which allows the end user to navigate the images in a unique way. Please see the site.

The Problem:

When you first enter a gallery on the site it requires you to download all of the images before you can start using the Accordion script. Once the images have all been loaded the Accordion quickly bounces into it’s correct position. I would like this to be a much more smooth process even if the user has to wait for the entire page to load before entering.

I would like one of the two possible solutions.

1. Make the site have a loading icon come up while the gallery loads so that it is in full when the user starts browsing the images. It would be nice if this was something similar to an Ajax loading bar that can be altered after installation.

See this example of an ajax loader: [url removed, login to view]

2. Make the site preload the images in the background so that only the first image shows up while the others are loading. This may be tricky if a user decides to click the last image available because it won’t come up unless it is loaded. I see solution number one being an easier solution.

I used CSS and Javascript to complete this site.

Javascript used: [url removed, login to view]

I am up for ideas considering I have no idea what is going to work best. Personally I got fed up with trying solutions I know little to nothing about.

Thanks!

Habilidades: .NET, ASP, Javascript, PHP, Instalação de Script

Ver mais: javascript accordion loading bar, loading bar script, unique background, example of number problem with solution, best icon website, bar work, loading bar javascript, ajax load baar image, background ideas, best icon, smooth, loads, loading, full page load, ajax process background, php image gallery site script, background process, start idea, navigate, net loading page, ajax loading page, bar css, javascript preload image, icon background, bounces

Acerca do Empregador:
( 4 comentários ) West Linn, United States

ID do Projeto: #119140