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.

User Rating (1 vote)
2 reviews available | Read the reviews » | Support forum »
For multiple purchases and discounts contact us
$105 USD Live Support Support Forum
Author:George Petrov
Version:1.0.5

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
* For complete Features overview press the Features in Detail button
 
Adding Mouse Gestures and New Easing Effects to a Sliding 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.

Click on the image above or enter directly on your iPad http://www.dmxzone.com/demo/sbb/ipad/

 

Extreme Sports Demo

In this demo you can see how we've edited the design of the Billboard and created a completely new one.

 

View the demo read more


 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.

 
  • 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

« OverviewDemos »

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.

 

View the demo read more

Banners Demo

This demo will show you how you can present your Ads in a great Billboard.

 

 

View the demo read more

 

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.

View the demo read more

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. 

 

View the demo read more

 

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.

 

View the demo read more

 

Vacation Album 

In this demo we've combined Sliding Billboard with DMXzone Lightbox, so that the images open in a stylish popup window.

 

View the demo read more

 

Avatars Sliding Billboard


View the demo read more

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.

 

View the demo read more

 

Toys of the Week Demo

 

View the demo read more

 

« Features in DetailVideos »
Sliding Billboard with Added MP3 Player
With this movie we will show you how easily you can add Flash MP3 Player to your Sliding Billboard.

Watch the movie read more



Designing a Sliding Billboard
With this movie we will show you how to create a simple Billboard using DMXzone's Sliding Billboard.




Creating Fantastic Billboard slides and Open them in a Lightbox
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.
« DemosRequirements »
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


« VideosHistory »

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
Dreamweaver CS5 Compatible

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 PetrovGeorge 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!

See All Postings From George Petrov >>

User Reviews

Total of 2 reviews
I Love Sliding Billboard
Written by Magreth McGill on August 5, 2010

I 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, 2009

I'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. ...

Follow us on twitter Subscribe to our RSS feed
Activate your free membership today | Login | Currency