I am trying to create a slideshow like the one on this site: [URL]
The objective is to have an image fade to another one progressivly while the mouse is over, when its not it fades back to the original, whether or not it faded to the target completely or not. That is, if it takes 1 second to fade completely to the other image, and you take your mouse off it at 0.5 seconds, it will begin to fade back to the original. I have a problem where I want to give this ability to multiple images (thumbnails) on a page, without having reams and reams of code and instead just have one function accomadate any number of images.
On google maps I have several hundred markers for different countries and cities across the globe. It is just not practical to navigate through several hundred markers therefore I would like my browser to auto navigate to predefined multiple latitudes and longtitudes or cities, once the navigation for predefined cities completes, the navigation loop carries on. Also for certain cities or latitude / longitude can we set zoom level so when the browser is auto navigating it zooms in and zooms out for predefined cities. Is this possible, here is the code that I am using.
Can someone tell me why the image isn't zoomed all the way to its max when clicked on? You have to click on the zoomed image to get it to its max dimensions. Why does it do this and how do I fix it so it will max out in a separate window when you click on the thumb? Code:
I was not happy with the zoom scripts that I found on the net, so I wrote one myself, or one that simulates it. It has become an extremely simple one, and can be seen in action here (function toggleZoom). Click the images to zoom in and click to zoom out again.However, only the images with an initial width of >= 100 pixels will zoom out again. The ones width an initial width of < 100 (nrs. 4, 5 and 7) won't. Why is that, and how do I solve it?
Im looking to have an image clip transition down to not being visible than when that transition is finished have the same image visible through a .png transparency window that moves up and down with the mouse. Ive got the clip transition to work but the problem comes in that the img. under the .png moves with the mouse before the other is completly invisible. And i have other problems with the code as well but i figured i would try and figure one thing at a time.
I am coming to the end of creating my website, and want to incorporate something like the link shown below:-
You can see here that there is a large image and 3 smaller images, and the user can hover over the image to zoom into it.
My website is currently at this stage, see below:-
As you can see i have not yet incorprated the image zoom.
The images are being pulled from a database so i would want to be able to click on the different thumbnails and fill the large image box with the selected image, and also have the option to hover over to zoom..
The first script would be... on page load. Thus on load waite 5 seconds then swap an existing image to another by a fade transition. The second option or script would be onMouseOver fade image1 to image2 via a fase transition. The mouse over action would be with a image graphics. At the same time changing the onMouseOver graphisc as well. The third script would be onClick (the image graphics) to fade transition image2 to image3. onMouseOut restore to image1 A second button graphics would be identical, but would change image2 to image4...etc
I am running into an issue with gallerific plugin where I would like to be able to run code to get the height of the currently displayed image directly after it has finished transitioning onto the page. So for example when the script completes the load of the first image code would run to get it's height, and then each time the user navigates to an image, once the transition to the new image completes get it's height. It seems like all the currently available options to run code happen before the new image is displayed.
Does anyone know how I could accomplish this? I did a lot of running through the code in firebug with breakpoints but can't seem to figure out where the actual image transition completes and the attributes of the new image are available for retrieving. I was hoping maybe someone has done this already or has a lot of experience with gallerific and can point me in the right direction.
I am using the Cycle plugin for image slideshows, and I am working on one that also displays a title for each slide with a link. The issue is that the title swaps a little after the image swaps, so there is a delay. Here is my code:
I want text links to swap the image on the website, but then want to allow a zoom function or lightbox function to the image that appears. I'm not best at explaining things so i've done an example below. After clicking the link, the image changes. i want to be able to do the zoom on the image that it's changed to.
I've implemented a photo gallery using Galleria and jCarousel on my site, and have chosen to use custom thumbnails instead of having Galleria generate them for me from the source images.
As far as I can tell, there may be an advantage in conserving bandwidth with this method, but the page also degrades to a nice set of thumbnails that link to the larger images (which is very nice, IMO).
Everything works beautifully, however when viewing this gallery for the first time, instead of the large image fading in nicely as it does in the Galleria demo, it almost kind of "slides" the image into view like it's rendering pieces of it as it loads in the container. This is definitely an effect i would like to avoid, but I also thought that one of the benefits of Galleria was that it pre-loaded images in the background, right?
So why does my gallery appear to be loading these images "on-demand"?
Bit of the opposite of what a lot of people seem to be after it seems, but I was wondering if it is possible to make an image "flicker" randomly by randomly changing how transparent it is?The goal is to create a flickering neon sign, but to do it without using flash. I've got the flickering working fine in flash, but just not loading fine without messing things up so I'm hoping I can do it with jquery or even just js.