DW CS4 only. This widget allows you to add a thickbox (modal window) to your images. Even more, it will let you create a whole gallery using the thickbox.
You can see a demo here
Click Here to download the extension
The steps to use it are quite simple: Place your cursor where you want to add your gallery, select "Insert panel->TCN Widgets tab->Thickbox Gallery" and two sample images and all the code needed are added to the document.
After that, it's your job to add more images to the gallery following the html used by the sample images:
<a href="images/thickbox_demo_img1.jpg" class="thickbox" rel="gallery1"><img src="images/thickbox_demo_thumb1.jpg" width="100" height="66"/></a>
There are some things you should take into account:
- It's very likely that you won't see the images and the required files won't be added until you save your page. When you save the page, you will prompted to save those files too (and you should say yes).
- The linked image can be different from the original one: In the code above, I'm using a thumbnail that will make the original one open inside the thickbox. You can use the same image both for the src and the href attributes if you want to
- The rel attribute will make the images that share it behave as a slide and a prev and next links will appear in the thickbox to jump from one pic to another. If you don't want to create it and you want the images to be displayed independently, just remove that attribute.
- All the effect works thanks to the thickbox class in the a tag! Don't forget to add it!
- The width and height attributes are self explanatory.
- No need to say that you can edit the sample images (and remove them from the images folder) to add yours.
Now, the tricks to make your work easier:
- - To add more images, just copy and paste, but make sure that you also select the a tag wrapping the image
- - The property inspector is the best way to edit them: Select the image, change its src and link and click the reset button to get its current dimensions.
Click Here to download the extension
|
Comments? 26, so far. Displaying 1 ->5
1.- Hi! Is it possible to change default behavior of clicking on image is not close, but next or previous?
2.- Hi!With this plugin aevtiatcd, there's a box shown in the custom-menu preferences dialog of WP3 that allows you to add media tags to the menu, just like regular categories and tags for posts. However, at first sight there doesn't seem to be a possibility to make a gallery on the fly that shows all media tagged with that tag. I'd find that very useful. So is there something I've missed, or is there an easy way I could hack together a template that automatically shows all media for a certain tag using the default gallery layout?Kind regardsCB
3.- That's a quick-witted answer to a difficult qsuetion
4.- Further to my last comment about images appearing on another page, the code has the regular things in it :
& I have downloaded every single file I had to the site.
Are you able to tell me which files were downloaded from your site so I can ensure that I haven't missed one?
I was so excited about what I had managed to do and it really looked great.
Thank you... :)
5.- Can this be used with a text hover?
« Previous | 1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 25 | 26 - 26 | Next »