Jquery for images
Jquery for images
This is the page the script will be written for:
http://www.loop-logic.com/portfolio.html
The pictures on this page are in a div called <div id="portfolio">. This div will have many many more pictures in it with overflow hidden. I want to use the little orange navigation bar in the upper left called <ul class="portnav"> to scroll to different hash links within the div.
I'd like for scripts to be written that accomplish the following tasks:
1) Pre-loads all of the images in the directory: http://www.loop-logic.com/images/lightbox/
2) Scrolls horizontally along the x-axis using the scrollTo plugin like on this demo page:
http://demos.flesler.com/jquery/scrollTo/
http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js
3) After the scroll effect is done I'd like for items with a specified rel= (rel= lightbox[print] - for example) to hightlight themselves (which requires a CSS background-position: 0 -122px;).
If it is done right you should see an animated scroll when you click the apparel button... it will locate a div labeled <div id="apparel">... when the scroll has stopped, pictures with the rel="lightbox[apparel] will automatically highlight.
The highlight function I am referring to is the same as the image rollover effect... the transparent image changes to color. I want 5 or six random images to switch to color 1000 milliseconds after the scroll effect has stopped. In my previous email i was trying to describe how I might specify the selector for this CSS effect.
If any one are interested to solve the problem please mail to sureshnaidu143@gmail.com for further reference
Thank you,
With regards.