Return to Snippet

Revision: 39515
at January 18, 2011 03:49 by BlueIceStudios


Updated Code
Get yourself the TimThumb source and put it in the root of your site.

Create a folder in the root of your site named cache and set the permissions to 777.

Now open your nivo slider js file. Im using jquery.nivo.slider.pack.js, search for the first nivo-control.

<a rel="'+k+'"><img src="'+f.attr("rel")+'" alt="" /></a>

Now replace that with

<a rel="'+k+'"><img src="timthumb.php?src='+f.attr("src")+'&h=19&w=35" alt="" /></a>

The changes made are the timthumb.php addition to the image src and the attr change to src.

timthumb.php?src='+f.attr("src")+'&h=19&w=35

adjust the h= and w= to your liking.

Save the file and your good to go, no need to make thumbnails or anything else to the img tag in your nivo slider.

If you would like installation help just contact me via skype: blueicestudios

Revision: 39514
at January 18, 2011 03:48 by BlueIceStudios


Initial Code
Get yourself the TimThumb source and put it in the root of your site.

Create a folder in the root of your site named “cache” and set the permissions to 777.

Now open your nivo slider js file. Im using jquery.nivo.slider.pack.js, search for the first nivo-control.
<a rel="'+k+'"><img src="'+f.attr("rel")+'" alt="" /></a>
Now replace that with

<a rel="'+k+'"><img src="timthumb.php?src='+f.attr("src")+'&h=19&w=35" alt="" /></a>

The changes made are the timthumb.php addition to the image src and the attr change to src.
timthumb.php?src='+f.attr("src")+'&h=19&w=35
adjust the h= and w= to your liking.

Save the file and your good to go, no need to make thumbnails or anything else to the img tag in your nivo slider.

If you would like installation help just contact me via skype: blueicestudios

Initial URL
http://www.blueicestudios.com/nivo-slider-auto-thumbs-with-timthumb/

Initial Description
Just a quick and painless way to add thumbnail support to the Nivo Slider with TimThumb.

Initial Title
Nivo Slider Auto Thumbs with TimThumb

Initial Tags


Initial Language
HTML