How do I make image slideshows with a fold effect? - javascript

Back in 2000 I had a js that let me get a very nice homepage:
one picture: <pic src=x>
and somehow the js changed the main picture every a predefined time period.
(there was a pictures pool that was loaded at pageload)
I can find such scripts now but cannot find one with fold effect
(like folding a page in a book)
The closet I got was a jQuery solution - but I don't know this technology and I prefer the JS. Can you please give me a reference to such solution?

A quick Google search on page fold effects I found this js library:
http://www.netzgesta.de/curl/
There's also a jQuery plug-in for a very similar effect at:
http://www.webresourcesdepot.com/attractive-jquery-page-curl-plugin/
Is it what you're looking for?

Related

Image Slider in GWT

I'm looking for a simple image slider content with the following features in GWT:
slide several images from right to left when user clicks on the image
(selected image should be at the center)
endless looping (the last image should be followed by the first image
again)
We tried a lot on web for slider but no result.
any recommendations?
Help would be appreciated.
I'm not aware of any native GWT sliders. The easiest way to implement one is probably to use a pre-made Javascript version from, well, pretty much anywhere on the web. You can learn about wrapping Javascript libraries here, here and here, and find lots of other resources by searching Google.

How is this done. Javascript?

http://www.dennys.com
I'm wondering how the top navigation was programmed, From the source code I see javascript but I am hoping someone could recommend a resource / tutorial in learning how they built both the top navigation and the siding feature.
Many thanks.
You should investigate Path.js ( https://github.com/mtrpcic/pathjs ) as the url's suggest they are using it.
I doubt anyone has written a tutorial on how Denny's made a website.
But through some playing in the console, I found they use jQuery, which comes with many effects. To bring the navigation down, they probably use something like..
$('#navigation-button').mouseenter(function () {
$('#navigation').slideDown();
});
I have something similar set up here.
Don't use any of that code directly. It's just quickly written garbage. It'd need quite a bit of tweeking for production.
It's easy with javascript/jquery. Create a main div with fixed witdh where you put all your pages (menu, home, etc) and overflow:hidden. Then, with jquery's plugin Animate slide the position of the div's content.
Search for jquery controls. There are several available on the net free of charge which help you get this functionality.

Javascript plugin

i was wondering if anybody knows (and if there is such a thing) a javascript plugin that can do to following:
on the website http://www.worldofmerix.com/ click on any of the menu buttons on top for eg. "about us"; then you see a line appear in the middle and expand so that you can see the entire div...
I need a similar animation effect, flash is out of the question, so i have to use javascript...
i have some ideas on making it with some "smooth div fade in/out" js plugins, but i was wondering if there is a plugin SPECIFIC to the thing i need?
thanks very much in advance for the anwsers!
Ok, since you didn't state any jQuery "dont-wanting" I'd recommend you to check out jQuery. It is a set of JavaScript libraries that help you manage your HTML and CSS with some light code.
You can see HERE, HERE and HERE how it can animate divs and other elements (I see that it is what you need).
You can check out the official web site and there you can find all kinds of examples and documentation that you will ever need. I recommend you to see THIS (click RUN).

jquery image slideshow with links per image

i'm in search of a simple jquery image flipper/fader, that will cycle through a bunch of images, each of them with it's own link.
the flipper will be used like so: my client wants to display logos of his own clients in succession where each logo will link to the respective website.
i know this can be implemented in flash, but i (and my client) think it would be cool if it's implemented in jquery in such a way that the outgoing links are visible to google. i have seen some jquery plugins and code that implement galleries, but they were either too complex or too simple, anyone got a code snipplet that would do this?
google the cycle plugin

How to create an endless picture-show without marquee?

I wrote a module for Joomla! 1.5 which shows the pictures (banners) with the most clicks. Now I want to show this list scrolling on the home-site. With "marquee" there is a break after the last picture.
I've found an advice which said I'll have to create a div-container with overflow: hidden and a second div with javascripte which changes the positions of the pictures.
Can anyone help me to write this code, because I don't get javascripte?
There are plenty of free ones you can get that are already written for you.
Try one of these jquery scripts to do what you are looking for...
http://plugins.jquery.com/project/Plugins/category/48
The best way to implement such feature is looking to this great JQuery Video tutorial and you will have a great product :)
URL: JQuery Spy effect
MOV: Jquery Spy effect
Hope that is exactly what you are looking for.

Categories

Resources