I have made a slideshow with bullets underneath it, and when i click them, i can go to the coresponding picture. The problem is, if you click a lot, the pictures change position with the bullets, and the javascript aksk pictures that doesn't excist. Can someone take a look at it and maybe see what's wrong with my code? http://users.telenet.be/Cedric.Cornelis/V2/
Thank you very much in advance.
Related
This is a very vague question, but I am not sure where to start, so if anyone could give me some idea, that you be great.
I want to have a Parallax effect on the homepage of my website, but I am unsure how to create this effect. The effect I want is crated here http://davegamache.com/chase-happiness/ and here http://themetrust.com/demos/hero/. They both use a similar principle to where as you scroll down the image and text move at different speed and fade out.
So basically my question is, does anyone know where I should start to create this or any download you can get which creates the effect.
Thank you for any help
Looks not that difficult, just look in their sourcecode at: http://themetrust.com/demos/hero/wp-content/themes/hero/js/theme_trust.js
At the bottom there is a section named: Parallax
I have an interesting question.
Is there a maximum left positioning? The reason I ask is because of a slider I am working on. Most of the layers are background images so it doesnt matter, but some are actually images (links) that slide along with the whole scene.
Right now the entire scene is ~15,000 pixels and may get larger.
Or, if you have a better way for sliding {a imgs} along the background, let me know.
Here is a link to beter help explain what I'm doing.
http://cva.ziplinestaging.com/slide/parallax.html
Thanks for the help.
Using this jsfiddle test I was able to move a div pretty far left. I got bored after -1,300,000px. I'd say you have some play room.
If you'll take a look at this:
http://jsfiddle.net/hunterscott/JYLVQ/
You'll notice that if you try to drag the image, you can see the helper move, but it won't leave the gallery box. I have a feeling this is a CSS thing, but I'm not sure where it is.
Edit: Sorry, I need to be more specific, since that fiddle is pretty watered down from the full project. Gallery-wrap has to be set to overflow:hidden because it is an image carousel that shows 5 images at a time, and the rest are hidden. The user clicks arrows to advance through them. If I make gallery-wrap visible, then the images that shouldn't be seen are seen stacked below the first 5.
#gallery-wrap
is the culprit, it has overflow:hidden; set.
EDIT: ah, thanks for the clarification. Does this help?
I've been playing around with a gallery similar to that of the iPad's photos app, where you have thumbnails neatly stacked and upon clicking(touching) they fly out in a grid layout. If one gallery/stack is already open when you click another stack, the photos should pile up at their original position before the next set animates out.
I though something like Isotope would be helpful here, but I'm having a real hard time making it stop overwriting itself. Also, I can't quite figure out how to make it seem as if the thumbnails fly out from the "cover image".
I put a simplified version of what I've got so far on JSFiddle.
Any help is greatly appreciated. I feel like I'm in a little over my head here :)
My question is: how do i make it seem as if the thumbnails fly out from the "cover image"?
You could have an absolutely positioned DIV with a full-size image inside.
Initially, position the div and scale the image such that it perfectly overlaps with the thumbnail.
Then, animate the location and size of both to bring them to the center of the screen at the size you want.
I need a javascript code for rotating images when clicked on. I would like to rotate about 5 images and have the script go back to the first image when all five images have been clicked on.
I have tried to solve this with behaviors in dreamweaver but with no sucsess. Can anyone help me with this problem! That would be great! I dont have any experience in coding.
Viktor
Rotate image clockwise or anticlockwise inside a div using javascript
something like this:
http://jquery.malsup.com/cycle/
?