Proiect cofinanțat din Fondul European de Dezvoltare Regională prin Programul Operațional Competitivitate 2014-2020

Pentru informații detaliate despre celelate programe cofinanțate de Uniunea Europeană, vă invităm să vizitați Conţinutul acestui material nu reprezintă în mod obligatoriu poziţia oficială a Uniunii Europene sau a Guvernului României


jQuery XPOSE Gallery Documentation

How to create Sample 6

Step 1 - Insert jQuery Gallery skin09 into a page

Before inserting a gallery into a page you'll first have to save this page into a Dreamweaver site. If you don't know how, follow the steps from here.
Insert skin 09 into a page. You can set the width and the height now, from the jQuery XPOSE Gallery Editor, or later, from the Property inspector General Tab.

jQuery Gallery Dynamic Tab

Step 2 - Select the "Thumbs bar" component from the jQuery Gallery Property Inspector

Once inserted in a page, the jQuery Gallery Property Inspector will open. Choose the "Thumbs bar" from the component list.

jQuery Gallery Dynamic Tab

Step 3 - Edit the "Thumbs bar" settings

In the "General" tab, make sure that the "Thumbs bar" dimensions correspond to the Photo Gallery container dimensions.
Define the rows and the columns. Set 4 rows and 4 columns and the horizontal and vertical spacing values to 0px.

jQuery Gallery Dynamic Tab

Remove the border and the padding values from the "Design" tab, by setting them to 0px.

jQuery Gallery Dynamic Tab

Set the padding and the border values of the items to 0px from the "Item Design" tab. make sure that you change the values not only for the "normal" state, but also for "mouseover" and "active" states. Here you can use the "copy style from" feature.

jQuery Gallery Dynamic Tab

Finally, from the "Thumb design" tab, set the opacity effect, by choosing a lower opacity for the normal state.

jQuery Gallery Dynamic Tab


  • If you want to add more pictures to the Gallery, choose a scrolling type from the "Thumbs bar" General tab.

  • Whenever you change the XPOSE Gallery dimensions choose to update dimensions for all components proportionally

Check the sample of this gallery here.


Download JQuery XPOSE Gallery Trial
  • Adobe Dreamweaver CS3
  • Adobe Dreamweaver CS4
  • Adobe Dreamweaver CS5
  • Adobe Dreamweaver CS5.5
  • Adobe Dreamweaver CS6
  • Adobe Dreamweaver CS6

Buy standard Version

JQuery Gallery


Buy Pro Version
(with web image management)

JQuery Gallery


Get a better dealOffer
Output Compatibility
JQuery SlideShowPlus compatibility