Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1118 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     Programming     Javascript :

Carousel

Thread title: Carousel
Closed Thread    
    Thread tools Search this thread Display Modes  
02-16-2008, 08:32 AM
#1
Kevin_Creations is offline Kevin_Creations
Status: I'm new around here
Join date: Feb 2008
Location:
Expertise:
Software:
 
Posts: 7
iTrader: 0 / 0%
 

Kevin_Creations is on a distinguished road

  Old  Carousel

Hello,

I have been noticing a really cool trend on the web and it is called the javascript carousel. Not the one from dynamic Drive. Here is an example of what I am talking about; carousel http://food.yahoo.com/;_ylt=AtuShzEA...hz75HDg9VIY.Y5 check on the bottom of the page where it says "try these recipes" I just love the circle indicating how many "pages there are. Do you know where I can find the tutorial or script for this effect?

Thanks,

Kevin_Creations

02-18-2008, 12:17 AM
#2
Szandor is offline Szandor
Status: Junior Member
Join date: Jan 2008
Location: Växjö, Sweden
Expertise:
Software:
 
Posts: 45
iTrader: 0 / 0%
 

Szandor is on a distinguished road

  Old

Here's a really quick breakdown of the workflow:
  • Make a <div> container and set the overflow to hidden.
  • Inside that container, create one <div> for each item.
  • Place the items in a row, using CSS. Some of the items will end up outside, that's a good thing.
  • Using JavaScript, change the placement of all the <div> blocks when a button is pushed so that the entire row of items move.
You can use MooTools for replacing the <div> blocks, it's simple to use and you can get some good transitions.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed