News Feed
Sections




News Archive
Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

Codrops Blog:
Fresh Sliding Thumbnails Gallery with jQuery and PHP
June 29, 2010 @ 12:37:21

On the Codrops blog there's a recent tutorial posted showing how to create a fully-functional image slider/viewer with a combination of HTML, jQuery and a bit of PHP (here's a demo).

In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.

Based on this tutorial, they show you how to build on it and add a few new features like a changing cursor depending on its position in the current image. The show the folder structure you'll need, the HTML and PHP to make the backend work and the CSS and Javascript to round out the frontend. If you want to skip straight to the good stuff you can also just download all the code and get started.

1 comment voice your opinion now!
tutorial sliding photo thumbnail gallery jquery css


blog comments powered by Disqus

Similar Posts

PHPFreaks.com: PHP Security

HowTo Forge: Installing The PHP-MSSQL Module On CentOS 5.0

Matthew Weier O'Phinney's Blog: Applying FilterIterator to Directory Iteration

Fabien Potencier's Blog: Create your own framework... on top of the Symfony2 Components (part 11)

CodeForest.net: Key/value tables and how to use them in PHP and MySQL


Community Events

Don't see your event here?
Let us know!


opinion symfony security library laravel interview community version language introduction api framework series unittest threedevsandamaybe laravel5 release podcast extension voicesoftheelephpant

All content copyright, 2015 PHPDeveloper.org :: info@phpdeveloper.org - Powered by the Solar PHP Framework