Thickboc with Jquery Cycle

matshep1's picture
Offline
Joined: 02/08/2009
Juice: 21
Thickboc with Jquery Cycle

Hi all,

Thanks so much for this forum topic. It has helped me greatly in customizing my product page and still being able to use Thickbox with my product images.

I have attached a copy of my current node-product.tpl.php. My question is does anyone know of a way of using the Jquery cycle plugin with Thickbox images?

What I am trying to achieve is a display of my product images where one main image is displayed as a larger preview image and the others are displayed below as thumbnails (as set up in my current node-product.tpl.php)...but that will then cycle through which images are being previewed (larger image on top) and which are thumbnails (smaller images below preview image). All while still being able to view the full size image via Thickbox by clicking on it .

I have tried adding the Jquery cycle plugin to my page and then calling it to work on $('div.image')

e.g.

$('div.image').cycle('fade');

but this does not work, I have also been getting $cont.data is not a function error.

Does anyone have any suggestions or ideas of what I am doing wrong or how I can achieve this?

Thanks,

Mat

AttachmentSize
node-product.tpl_.php_.txt 4.64 KB
Nifty Products Tutorial Part 1 By: mykz- (168 replies) Wed, 03/19/2008 - 20:04
  • Show discounted price by uc_discount module By: madjoe@drupal.org (02/14/2010 - 23:42)
  • Product Attributes By: rhysemt (01/17/2010 - 02:04)
  • Why? By: Foaman (10/17/2009 - 02:32)
  • Re: Nifty Products Tutorial Part 1 By: stasparshin (08/17/2009 - 13:24)
  • This is really useful. I've By: Ms_Kristina (07/16/2009 - 19:30)
  • Re: Nifty Products Tutorial Part 1 By: melanie_me (07/01/2009 - 16:43)
  • For images, I don't think this is the right way... By: cfab (07/01/2009 - 01:50)
  • Re: Nifty Products Tutorial Part 1 By: PepeMty (05/22/2009 - 15:21)
  • almost working... By: dontpanic (04/05/2009 - 03:01)
  • Re: Nifty Products Tutorial Part 1 By: RidolfiDesigns (03/31/2009 - 08:27)
  • Thickboc with Jquery Cycle By: matshep1 (03/10/2009 - 14:29)
  • Page title By: acbmse (03/05/2009 - 08:41)
  • Attributes working with node-product. By: perfectmatch (10/30/2008 - 17:02)
  • About Thickbox intergration By: adshill (10/23/2008 - 11:40)
  • Regarding to the images: if By: fossie@drupal.org (09/24/2008 - 09:03)
  • Using Tabs By: mach5_kel (09/06/2008 - 23:07)
  • Default node-product.tpl.php By: NecroHill (09/06/2008 - 16:50)
  • Modifing the Categories and Product Listings Pages By: maestrojed (08/28/2008 - 17:39)
  • Option Images not displaying/swatching on custom template By: beerismypoison (08/26/2008 - 16:25)
  • Re: Nifty Products Tutorial Part 1 By: end user (08/07/2008 - 18:05)
  • Re: Nifty Products Tutorial Part 1 By: seutje (06/18/2008 - 00:36)
  • Re: Nifty Products Tutorial Part 1 By: johnny5w (06/01/2008 - 20:16)
  • Re: Nifty Products Tutorial Part 1 By: seutje (05/29/2008 - 02:29)
  • Re: Nifty Products Tutorial Part 1 By: seutje (05/26/2008 - 10:17)
  • Reduced Price By: Alaska (05/25/2008 - 05:10)
  • Need thickbox for picture By: ericmalone (05/22/2008 - 16:06)
  • Re: Nifty Products Tutorial Part 1 By: end user (05/20/2008 - 01:26)
  • Hi, I tried out the code By: blueeeeie (05/19/2008 - 11:17)
  • Preselection radio button By: vincent@drupal.org (05/19/2008 - 03:48)
  • Re: Nifty Products Tutorial Part 1 By: seutje (05/15/2008 - 03:07)
  • Re: Nifty Products Tutorial Part 1 By: end user (04/22/2008 - 01:54)
  • Re: Nifty Products Tutorial Part 1 By: TutusForToddlers (04/08/2008 - 10:31)
  • Re: Nifty Products Tutorial Part 1 By: spasmody (04/08/2008 - 06:33)
  • Re: Nifty Products Tutorial Part 1 By: darkbrewery (03/21/2008 - 08:10)
  • Re: Nifty Products Tutorial Part 1 By: darkbrewery (03/20/2008 - 05:35)