jquery - Image Slider Effect! Scroll on Top of Each Other -
quick question 1 know ideas how go creating effect images slide on top of each.. need pointers start me off havent got clue start..
http://denicler.eu/en/lookbooks/1
manged stack images using postion abosolute , z index cant images scroll on each other.. :s suggestions guys
 #lookbook img{ width: 100%; position: absolute; top: 0px;  }  img#image1 {  z-index: 100;  }    img#image2 {  top: 0px; z-index: 20;   }    img#image3 {  z-index: 30;   }   img#image4 {  z-index: 40;  }   img#image5 {  z-index: 50;  }  img#image6 {  z-index: 60;  }  img#image7 {  z-index: 70;   }   img#image8 {  z-index: 80;   }   img#image9 {  z-index: 90;   } defo need javascript in here make images fix when reaches top guys
manged doesnt seem work any 1 lol
  $(document).ready( function() {     $(window).scroll( function() {       if ($(window).scrolltop() > $('#lookbook img').offset().top)         $('#lookbook img').addclass('fixed');        else         $('#lookbook img').removeclass('fixed');       } );     } ); 
depending on how want slide images( vertical or horizontal), can start looking @ this , this. 2 links move images. can specify goes on playing around z-index, referring here
https://www.welookups.com/cssref/pr_pos_z-index.html
ReplyDelete