Sliding Billboard
"Organize your work greatly in a virtual book!"

Discover the power of interactive presentations – the Sliding Billboard ! Organize your work greatly in a virtual book, which auto scrolls and enables your users to slide from page to page or chapter to chapter naturally. You can present any type of work this way: your portfolio, photo albums, products index, web shop, ads and much more. Choose from the 13 cool CSS designs included, so your billboard always looks great and suites your site perfectly.
Features Highlights:
- 13 stylish CSS designs included - Various styles to fit your web site perfectly - see them all
- Pure CSS Sliding Billboard - Doesn't require any plugins and works on all modern browsers
- Customizable animation - Adjust the Billboard appearance by speed, easing, scroll interval and more
- Search Engine Friendly - as the Sliding billboard is pure HTML and CSS code it can be nicely indexed by all search engines and web spiders
- Auto Paginating - Quick access to all the pages in the Sliding Billboard
- Organize in Sections - Divide your content for a better preview
- Add titles and description to each image - An easy way to write description for your images or products
- DMXzone Resizer included - Integrated Resizer, so that you don't need to use any additional programs to fit the images to the Billboard
With this movie we will show you how to simulate iPad/iPhone touchscreen gestures, as well as adding new easing effects.
Sliding Billboard iPad Gestures Demo
Use mouse to simulate
iPad touchscreen gestures (click and drag) to
control the Sliding Billboard.
Extreme Sports Demo
In this demo you can see how we've edited the design of the Billboard and created a completely new one.
| Features in Detail » |
- 13 stylish CSS Designs Included - Various styles to fit your web site perfectly
- Lightweight CSS3 Designs - We have chosen to use CSS3 effects like rounded corners and shadows in our CSS designs to make them really pure CSS and very light - so no extra images for many weird css hacks are loaded

- Pure CSS Sliding Billboard - Doesn't require any plugins and works on all modern browsers

- Customizable animation - Adjust the Billboard appearance by speed, easing, scroll interval and more
- Animation easing and speed - regular sliding is not enough for you? How about bouncing or elastic sliding?

- Search Engine Friendly - as the Sliding billboard is pure HTML and CSS code it can be nicely indexed by all search engines and web spiders

- Auto Paginating - Quick access to all the pages in the Sliding Billboard

- Organize in Sections - Divide your content for a better preview
- Multiple Sections - Divide your content in multiple sections and have a great tabs/menu like navigation between the sections

- Add titles and description to each image - An easy way to write description for your images or products
- Great title and description hover effects - When displaying images only the title will be shown on top of the image and the description will slide in only when you move with your mouse on top of the image

- Multiple Rows and Columns - Enter the desired number of rows and columns and the gallery items will automatically be arranged

- Auto generated thumbnails – Auto generate your thumbnails with the correct size while proportions are maintained

- DMXzone Resizer included - Integrated Resizer, so that you don't need to use any additional programs to fit the images to the Billboard

- Fully customizable - Don't like to supply styles? Well it is all CSS based so you can easily make your own adjustments in the CSS from within Dreamweaver's CSS editor

- Fully Controllable by behaviors - You want to navigate to specific position, start or stop the billboard - it can be easily done with the Control Sliding Billboard behavior.

- Full Support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions like DMXzone Lightbox, Advanced Layer Popup and Advanced Tooltips to your slides.

- Don't want auto sliding – Well, just set do Not set the Auto Play - and then the user will navigate manually only

- Auto anchor navigation - You want to have your own link somewhere else on your page and when the user click on it, the billboard should go to a specific section? Easy just use as link #section_name

- Horizontal or Vertical scroll - The choice is yours

- Full support for keyboard and mouse wheel navigation (optional)

- Customizable Navigation Position - You can choose where you want your section and page navigation top or bottom

- Side Navigation buttons - You can also choose if you want to have side navigation arrow buttons, where should they be positioned inside, outside, middle and when; always or only on mouse over (hover)

- Integrated in Dreamweaver – Interactive dialog in Dreamweaver with all the options you’ll need
- An inline property inspector, so that you can easily change visual options later on

- Preview in Dreamweaver - You can preview within Dreamweaver how your billboard will look like

| « Overview | Demos » |
Christmas Cards Demo
The demo combines Universal CSS Navigation menu which navigates the Sliding Billboard items and the images are displayed in a DMXzone Lightbox.
Art Walk Demo
Pixar Movies Demo
The demo features custom designed buttons which navigate the Billboard.
Banners Demo
This demo will show you how you can present your Ads in a great Billboard.
Alvardar -Training and Floating Stable
This Sliding Billboard demo is provided by Judy Wert.
Formula One Teams Demo
In this demo you can
see how easy it is to make a sliding billboard, in a great looking
style, with well aligned items, auto pagination and great animation,
all done in a few mouse clicks in Dreamweaver.
Sliding Billboard Styles Demo
Check out the different styles we've added in the Sliding Billboard, so that it fits perfectly to your site design.
Metallica - Francais Pour Une Nuit
The demo contains most of the videos that have been included in Metallica's last DVD - Francais Pour Une Nuit. The videos open in a Lightbox directly streamed from Youtube.
Vacation Album
In this demo we've combined Sliding Billboard with DMXzone Lightbox, so that the images open in a stylish popup window.
Avatars Sliding Billboard
Formula One World Championship Circuits Demo
Go
through the sections in the demo in order to view all Formula One
Circuits. Click on the circuit name and read more about it in a cool
Lightbox window.
Toys of the Week Demo
| « Features in Detail | Videos » |
With this movie we will show you how easily you can add Flash MP3 Player to your Sliding Billboard.
With this movie we will show you how to create a simple Billboard using DMXzone's Sliding Billboard.
with this movie we will show you how to combine SLiding billboard and DMXzone Lightbox in order to create amazing slides which open links in cool popup windows.
| « Demos | Requirements » |
| Type: | Suite |
|---|---|
| License: | Details... |
| Product: | Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5 |
| Platform: | Win XP/2000/2003/2008/7, Mac OS X 10.4+ |
| Browser: | Explorer 6, Explorer 7, Explorer 8, Opera 8, Opera 9, Opera 10, Firefox 1.5+, Firefox 2+, Opera 9.5, Safari 3+, Safari 4, Google Chrome, iPad |
| Used Technologies: | CSS, jQuery, Web 2.0, JavaScript |
| Screen Shot: | Details... |
| Tags: | scrolling image, billboard, product scroller, css gallery, css product scroller, scrolling css gallery, css product billboard, css tabs, css scroller, css thumbnails scroller |
| « Videos | History » |
Version 1.0.5
- improved DMXzone Image resizer for Mac OSX and Windows 7
- even faster resizing by using all the available cores of the CPU's
- Improved working in Dreamweaver templates
Version 1.0.4
Full support for iPad and iPhone!
- Now
you can use gestures to fully navigate your Sliding Billboard with
touch on the iPad or iPhone and with mouse sweeps on the regular
computers. You can enable or disable this functionality with the new
“Gestures” option on the Property Inspector.
Great
animation speed improvements
- Use Native CSS Transitions for the fastest animations on WebKit (Safari, Chrome) browsers.
- Use CSS Transforms for hardware accelerated animations
on iPad, iPhone and Safari on the Mac
Updated
CSS Styles
- Updated Styles for Opera support of CSS3 rounded corners and shadows.
- Fixed some Webkit CSS styling
Version 1.0.3
- Improved support for Google Crome and Safari
- Improved inserting the JavaScript and CSS files in dynamic pages
- Various speed improvements
Version 1.0.2
Browser optimizations:
- Initial loading performance optimizations – the Sliding Billboard loads much faster now and it is displayed instantly. No more loading flickering in IE.
- Improved compatibility with other frameworks like Prototype and Mootools.
Dreamweaver optimizations:
- New method for uploading related files – now when related files are generated by the Sliding Billboard, the user is presented a dialog containing list of new files and with the choice to upload them all at once. No more files to forget to upload.
- DMXzone Lightbox code is now only inserted if really used Sliding Billboard
- Sliding Billboard works much better now in Dreamweaver templates.
Version 1.0.1
- Fixed IE8 error with auto slide
- Works great in DW8
- Improved compatibility with DMXzone Behavior Connector so you can easily bind your Sliding Billboard with extensions like Flash MP3 Player, Advanced Tooltips and other
Update Procedure:
Just open a page using the Sliding Billboard. You will see a progress bar indicating new files are being copied. After that a dialog will popup with the list of the new files. Depending on if you have remote site defined and you have site synchronization enabled, the files will be automatically synchronized or you will be presented an option to upload all files.
You will need to reedit your existing billboards. Just select each one of them, in the Property Inspector click on the “Slides” button to bring the slides edit dialog. Just click on OK and the Sliding Billboard will be regenerated. Make sure you do that for all your Sliding Billboards. Save and upload your pages and you are done.
| « Requirements |
George Petrov
George Petrov is the Founder of the highly successful Zones: DMXzone.com, FWzone.net, FLzone.com, CFzone.net, DNzone.com and FlashFiles.nl
He has developed the comprehensive Dynamic Zones Content Management System that is the brains driving them and constantly supports their online communities with his extensive and valuable knowledge.
He is a renowned web development 'Guru' who has written many articles and extension for Adobe's Dreamweaver.
George Petrov is also the CEO and Founder of Dynamic Zones and also very proud of his children Sofie, Victor and Alexander!
User Reviews
Total of 2 reviewsI Love Sliding Billboard
Written by Magreth McGill on August 5, 2010I love the easy to understand plug-in works, it is easy to set up and only took me a few minutes to figure out how to use it. The difference it makes to my classifieds website is phenomenal! Thanks DMX
What a great extension
Written by Judy Wert on November 4, 2009I've bought Sliding Billboard a few days ago, and already have it up and running. It makes my site look very professional and sharp. I am having a fun time trying out different ways of working with it. I had some questions, and used the forum. ...

































