Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content | Css Globe
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

New version of my Easy Slider plugin for jQuery is here. This is one of the my rare scripts that make it to their second version. In this case version 1.5 All of the features here are result of your comments, so if you have more ideas, keep

We’ve been down the jQuery “sliders” path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider. Many of the concepts presented in those tutorials are the same with this slider, so I’m not going to throw a lot of source code at you this time. The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!

this code is very basic, but the result looks quite good (and styleable), and looks easy to implement without hassle pretty much anywhere.

slideshow with jQuery

You want to show your visitors the most recent work you’ve created? You want to pimp your potfolio with a slideshow which has only a few lines of code? You came to the right place… not convinced yet?

awesome jquery sliding boxes tutorial

Web-kreation - Nice & Clean Sliding Login Panel built with jQuery - http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

Os 20 melhores sliders em jquery

abSwitch is a tab/slider plugin for jQuery

tabSwitch is a tab/slider plugin for jQuery - Contenido swapeable

A picture is worth a thousand word. No doubt about it. Most of the information based website such as CNN, ESPN, they are all using a massive photo slide show on its front page. It's a very effective method to attract viewers' attention.

オートスライドするタブナビゲーションの作り方　jquery　スクリプトオフだとオートスライドはしないものの遷移自体は可能なのが特徴

Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the

Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other.

Another great Nettuts tutorial for creating a sliding image slideshow that works with or without javascript. Would be perfect for part of the Pio homepage for next year.

A great tutorial on how to make a nice smooth slideshow.

slideshow com jquery

jqueryで作るニュースティッカー、勉強用にも。

This tutorial is a great primer for code think. After my previous posts about how to implement a news ticker with MooTools I received a lot of emails from my readers that asked to me to implement a similar feature with jQuery, including fade in and fade out effects, in the simpler possible way. So in this post I want to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript

Create Beautiful jQuery sliders tutorial

In the Woods - Coda Slider and More With jQuery Tools - http://blog.themeforest.net/tutorials/coda-slider-and-more-with-jquery-tools/

Create Featured Content Slider Using jQuery UI

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.

jQuery Sliding Tab Menu for Sidebar Tutorial | Queness - http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial

jQuery Sliding Tab Menu for Sidebar Tutorial

horinaja for scriptaculous or jQuery

"Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery. Horinaja is innovant because he use your mouse wheel for a best navigation." Very cool.

This looks a lot like what you normally use

Хороший слайдер для новостей+описаний. Требует тюнинг, конечно.

25 jQuery Image Gallery/Slider Tutorials and Plugins

jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site.

galerias de imagenes con jQuery

A jquery picture gallery

The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a

The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways.Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery.

Posted from: CSS-Tricks

Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a

Slider MUITO BOM com JQuery.

Very good JQuery slider.

collection of jquery sliders

Slider images

More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons. Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project. To see what I mean by ‘horizontal sliding panel‘, go have a look at my other site Design-Newz, and click on the ‘want more‘ button that’s on the right above the navigation bar.

Lava Lamp on tab navigation and content

JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress and Drupal. The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 35 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started!

tripwire magazine provides easy to digest articles with relevant and hand-picked information all subjects of web design and development, ranging from; Fonts, Photoshop, CSS, Ajax, Javascript, web design, graphics, typography, advertising, SEO, Tutorials & much more.

jquery画像系まとめ

Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces. In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

Slideshow

in-browser JavaScript slideshow application for viewing site design mockups and photos

Oh, that 3D thingy is sooooo ... sweet?

3Dな回転をするスライドショー。XMLで設定。

CU3ER is flash 3D image slider, it's free, easy to set-up, customizable via XML, tailored to provide a unique look & feel, inspiring and fun to use!

The jquery slidetoggle() is great, but one thing I always thought it was missing is some opacity fading in the sliding animation. When I was coding this iteration of position absolute I wanted this kind of animation so I went there and coded it. This is a very small plugin, but I still find the effect cooler than a regular sliding.

fade and slide toggle plugin « Position Absolute

jQuery fade and slide toggle plugin

Using PHP and jQuery we are going to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

e’ve all seen the videos (and some even got access to a developer’s preview) of Google’s latest product – Wave. Although not “ground-braking” and “revolutionary” as we’ve imagined (wonder why “over-hyped” comes to mind) it still features some great UI that will surely inspire at least a few developers to implement some of it in their works. I, being one of those inspired people, am going to show you how to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread. So take a look at the demo (maybe even keep it open in a separate tab), download the example files and keep on reading.

Google Wave like UI with history slider

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

slide show...

Create a Simple Infinite Carousel with jQuery - http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery

jQueryのプラグイン。フェードで切り替わる、アクセシブルな画像ギャラリー。

スライドショーJS。

lille case om udviklingen af et rating system

hem as markers on the slider, giving you a frame of reference for the new tea. They show up when you drag the slider over them or when you hover over th

smilies, a 100-point slider, AND recent rating tickmarks with rollover info. wow

by @Nettuts

Very nice!

Pretty Useful and Cool

10 Pretty Useful and Cool jQuery Plugins

There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.

This list is pretty nice and more recent. All of the plugins seem to be pretty dialed in and compatible with all the major browsers

sliders with jquery

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin. Below you can find demos and documentation.

slider javascript

check auto slide

good

This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget.

Another #jquery slider/carousel plugin for content

Everyone loves the Coda site so why not copy the style.

coda style slider jquery thing

Coda-Slider is a jQuery plugin I first released in September, 2007. It aimed to mimic the slider effect on the promo page for Panic’s Coda software.

$("#box4").sexyCycle({ speed: 500, next: '.next3', prev: '.prev3', stop: '.stop', interval: 800 });

snappy cycle plugin

Possibly the easiest to use jQuery plugin for making slideshows!

Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator - http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for those w/out js.

メインイメージを動かすサンプル

66 Examples of Perfect SlideShow Presentation in Web Design | Inspiration | instantShift - http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/

By Angel Wardriver jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and

jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques for slideshows, graphs and text effects.

Apple-like Slideshow Gallery using CSS and Jquery

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

jqFancyTransitions: jQuery Image Rotator

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

read content sliders

Content sliders are extremely versatile forms of navigation that can be used to display all sorts of information, such as images, popular posts, social information and product features. Some have automatic slideshow capabilities or buttons to scroll sideways or up and down, and most of them feature a transition effect, usually a slide motion. Sliders can be great focal points on websites and blogs as they instantly draw the audience’s attention and provide for an easy and sleek way for visitors to interact with a lot of information that can be sorted through quickly. In this post, we have compiled a massive amount of content slider examples that you can use for inspiration on your own websites. Enjoy!

Webdesigner Depot

"Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear."

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

Next

criar um fundo único deslize para fora do menu

so cute! I want to do this.

In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect.

jQueryを使ったいろいろなスライダーの紹介です。

slide show no background

RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK

# Unique transition effects # Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ # Valid markup # Flexible configuration # Auto slide # Navigation box # Lightweight (8kb only) # Linking images # Free to use under MIT licence # Fully customizable using CSS

画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」。 画像の切替を、タイル状に切り替えたりすることができるみたいです。

画像をタイル状に切り替える

Simple jQuery Slideshow Plugin

シンプルでクーールなスライド

Presentación y muestra de fotos con Jquery. Muy buena para artículos

Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7

Great rich user interfaces powered by javascript.

Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.

A free image rotator gallery with 3D transitions, made with Flash.

Demo

Sweet Pages: A jQuery Pagination Solution http://bit.ly/dpE0Rp #jquery

เพจิเนชั่นแบบเม็ดกลมๆ

ทำ Pagination แบบ Slider (คือถ้าล้นหน้ามันจะไปเพิ่มเพจด้านข้างให้) ด้วย jQuery

Sweet Pages: A jQuery Pagination Solution – Tutorialzine - http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos. In addition, we will use a function for resizing the full image, adapting it to the size of the screen. So, when the screen get’s resized, our image will adapt automatically!

Galería de fotos html+jQuery.

iPhoneの電話帳みたいなナビゲーションを実現するjQueryプラグイン

beautiful

画像ギャラリー用jQuery

Dragdealer JS http://ow.ly/1Ynv1 // this is very nice

ทำ from เลื่อนซ้ายขวา

Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

jQuery Form

上下左右からパネルをスライドさせる

Galeria de imagenes con efecto hover sobre ellas

เอาเม้าส์เหนือแล้วรูปเลื่อนออก

25 Excellent jQuery Sliders Tutorials and Plugins | Vandelay Design Blog - http://vandelaydesign.com/blog/web-development/jquery-sliders/

What's great about jQuery is how easily you can create impressive animations and interactions with a super lightweight size. WordPress awesomeness lies in its

In this article, we’ll explore 10 Most Wanted jQuery Plugins Now Ready For WordPress.

A collection of links to amazing css3 image gallery code on the web @speckyboy.com

10 Pure CSS3 Image Galleries and Sliders

Apple-Style Slider - http://devgrow.com/slidernav-jquery-plugin/

上下滚动插件

SliderNav

A-to-Z menu, easy way to quick scroll in long A-Z list

<ul class="pager"> <li><a rel="0" class="pagenum" href="#">1</a></li> <li><a rel="1" class="pagenum" href="#">2</a></li> <li><a rel="2" class="pagenum" href="#">3</a></li> <li><a rel="3" class="pagenum" href="#">4</a></li> <li><a rel="4" class="pagenum" href="#">5</a></li> <li><a rel="5" class="pagenum" href="#">6</a></li> </ul>

Top 10 Content Slider Plugins for Wordpress - Speckyboy Design Magazine - http://speckyboy.com/2010/06/30/top-10-content-slider-plugins-for-wordpress/

Fancy Sliding Form with jQuery - http://tympanus.net/Tutorials/FancySlidingForm/

cool concept form that could be use for ODF requests

Interesting sliding approach to normally boring forms.

MITYA.CO.UK | Scripts | Blockster transition effect - http://www.mitya.co.uk/scripts/Blockster-transition-effect-122

Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

DesignArtWall - Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall

Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall » Blog Archive » Collection of jQuery Image Sliders

DesignArtWall - Wall of Gorgeous Design Inpiration, Web Design Inpiration, Design Showcase, Design Art Wall

Terra

Rollover and view the Googlemap plugin.

menu que mostra a localização no gmaps