EasyRotator - Free jQuery Slider / Rotator Builder - Power, ease, flexibility - DWUser.com What Is It? EasyRotator ® allows you to build impressive jQuery sliders / rotators for your webpages in minutes. Available as a Dreamweaver extension and standalone application and WordPress plugin, it lets you select photos, choose a layout, make customizations, then have all necessary code automatically added to your page. Making updates is just as simple. Here's why EasyRotator ® should be part of your toolbox: Based on jQuery - Compatible with all modern browsers and mobile devices (IE7+, Firefox, Safari, Chrome, iOS, Android, Blackberry & more) SEO Friendly - Adds HTML to your page that is standards-compliant and indexable by search engines Over 45 Flexible Templates - Choose from almost fifty ready-to-use looks, then customize common settings like dimensions, background color, autoplay and randomization. Mac and Windows. Tell Friends about EasyRotator: EasyRotator for WordPress EasyRotator for WordPress is now available. Get EasyRotator for WordPress Now » Samples
jQuery plugin Easy Image or Content Slider Click here for the new version of this plugin This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it’s complexity. It turned out to be a lot easier than I thought so I went ahead and created this one. Easy Slider (as I call this plugin) enables images or any content to slide horizontally or vertically on click. Download easySlider.zip Getting Started First you’ll need content and it should be wrapped inside a div containing an ordered list where each list item represents one slide. <div id="slider"><ul> <li>content here... You can basically put whatever you want inside list items as long as you keep the same dimensions. To activate the script you will need to download the files, place jQuery file and easySlider.js somewhere on your site and link to them: The action starts when you add this lines of code to your JavaScript: $(document).ready(function(){ $("#slider").easySlider(); }); Not much there, is it? Options Demos Enjoy!
jQuery UI PARPUNK STUDIO Using the Adobe Widget Browser The Adobe Widget Browser is an Adobe AIR application that allows users to easily preview and configure widgets, and then generate an HTML page that uses the widget. The term widget has many definitions, but in this context, a widget is a combination of small pieces of HTML, CSS, and JavaScript code that work together to make a complex web page component. Accordions, tabbed panels, and image lightboxes are examples of widgets. Many widgets are freely available on the web from countless sources. When you find a widget you want to use, you download the ZIP file, and then figure out how to configure it. This last step–understanding how to customize the widget for your own needs–can be a real challenge. The Adobe Widget Browser is designed to solve these difficulties by providing an intuitive user interface for configuring and using widgets. A quick overview OpenAjax Alliance is a group of industry leaders that are helping to define a common way of communicating between frameworks.
Une galerie d'images simple avec jQuery Ce tutoriel vous guide dans la réalisation d’une galerie d’images simple, avec JavaScript et la bibliothèque jQuery. Introduction Réaliser une galerie photo en JavaScript n'est à première vue pas bien compliqué. Pourtant, si l'on veut bien faire les choses, le code peut rapidement devenir complexe et verbeux. Voici un système simple et non intrusif de visualisation d'images avec chargement et effet de fondu, comme on peut le visualiser avec cet exemple. Attention: l’adjectif «simple» dans le titre du tutoriel désigne la galerie d’images réalisée, pas forcément les étapes pour y parvenir. La base HTML Nous allons commencer par créer une liste de vignettes qui, une fois cliquées, afficheront nos images grand format. Nous avons maintenant notre balisage HTML définitif. La surcouche JavaScript Pour tirer parti des bénéfices qu'apporte jQuery, nous devons au préalable charger la bibliothèque depuis notre document HTML. jQuery(document).ready(function(){ }); $(document).ready(function(){ });
Isotope Learn Dreamweaver CS6 . Web Design . Resource Center Posted on Apr 23, 2012 by Adobe Education Use this collection of technical tutorials, from the Digital Design curriculum, to learn how to use Adobe Dreamweaver CS6. Technical guides include: 1. Overview of the Adobe Dreamweaver CS6 workspace 2. How to set up a local root folder and site structure 3. How to set document properties 4. To view this PDF Portfolio, please save the file to your desktop and open with Acrobat 9 or Adobe Reader 9, or later. You need to be a member to view the resource files. Join for free or sign-in with an Adobe ID. Creative Commons License Attribution Non-Commercial Share Alike Technical Expertise Rookie Novice Intermediate Pro Expert Materials/Equipment Adobe Dreamweaver CS6 installed on all machines
AnythingSlider Download from GitHub Lots of people have worked on AnythingSlider and there is a lot more to it than you can see here (themes, effects, options, etc). Go snag the code from GitHub to see the full monty. Features Panels are HTML Content (can be anything). Default Options See the documentation for complete description of these options (appearance, navigation, slideshow, callbacks & events, video, interativity & misc).