[Plugin: NextGEN Gallery] Customize NextGen templates with amazing javascript

Here is a simple way to customize on the fly your single pics, galleries or albums with spectacular javascripts and with NO annoying CSS tweaking !

• find and download those amazing unobstrusive javascripts from : http://www.netzgesta.de , download them to your site and declare them in your header : <script type="text/javascript" src="chosenscript.js"></script> – as you may declare many scripts, consider minifying them for faster rendering of your blog…
• then make valid NextGen templates to be uploaded in your WordPress theme :

– In the directory where WP is installed, go to wp-content/plugins/nextgen-gallery/view/
– Download “gallery.php”
– Rename “gallery.php” to “gallery-templatename.php”
– Inside your theme folder, create a folder named “nggallery”
– Upload “gallery-templatename.php” to the “nggallery” folder that you just created
– To use, use this shortcode: [nggallery id=1 template=templatename]
– same procedure with singlepic.php, album-extend.php, album-compact.php according to what you want to customize
– That’s it! 🙂

• in each gallery.php, singlepic.php, album-extend.php or album-compact.php you’ve created add a class=”chosenscript” to the img tag like :

<img class="chosenscript" title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
Just stick to self explanatory instructions on how to use classes for those js…

and you’re done !….Enjoy your fancy galleries !