Premium Templates
Mitglieder Online
· Gäste Online: 1

· Mitglieder Online: 0

· Mitglieder insgesamt: 1,227
· Neuestes Mitglied: giehen
Login
Benutzername

Passwort



Noch kein Mitglied?
Klicke hier um dich zu registrieren

Passwort vergessen?
Um ein neues Passwort anzufordern klicke hier.
Artikel Navigation
175 schöne jQuery Slider and Effekte Teil 1
  • printer
1. 3d Rotation Viewer

image


This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.


2. JQUERY BANNER ROTATOR / JQUERY SLIDER


jquery banner


This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.


DOWNLOAD / DEMO – by CodeCanyon (premium plugin)


3. HTML5 jQuery slider w/ Canvas and jQuery


image


This effect creates progressively enhanced slideshow with a fancy transitioning effect.


4. AVIA SLIDER


image


This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.


DOWNLOAD / DEMO – by CodeCanyon (premium plugin)


5. ESTRO JQUERY EFFECT SLIDER


ESTRO JQUERY EFFECT SLIDER


This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.
This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.


DOWNLOAD / DEMO – by CodeCanyon (premium plugin)


6. SEXY SLIDER


sexy slider


SexySlider is a jQuery slider plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!


DOWNLOAD / DEMO – by CodeCanyon (premium plugin)


7. Highslide JS


image


Highslide JS is an image, media and gallery viewer written in JavaScript.


8. CrossSlide


image


CrossSlide is a jQuery slider plugin implementing in 2kB of Javascript code some common slide-show animations, traditionally only available via Adobe Flash or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself.


9. Panning Slideshow


image


This slideshow has the ability to showcase imagery automatically. This is a twist from classic slideshows which uses a kind of transition to animate between slides.


10. Supersized jQuery plugin


image


Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.


11. Coin Slider


image


This jQuery slider features smooth transition effects and is compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+


12. Sliding Boxes and Captions


image


The animation of the sliding element of this plugin either show or cover up the viewing area, thus creating the sliding effect.


13. Polaroid Photo Viewer


image


You can see your images as if it were stacked one on top of the other with this glamorous effect.


14.


15. Thumbnails Navigation Gallery with jQuery


image


Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.


16. Step Carousel Viewer


image


Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps.


17. Revealing Photo Slider


image


This slider has thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.


18. Sideways – Fullscreen Gallery


image


Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.


19. Nivo Slider


image


Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.


20. Slick Auto-Playing Featured Content Slider


image


Slick Auto-Playing Featured Content jQuery slider has is a main content area, which slides from left to right each with different unique content.


21. SlideDeck


image


With SlideDeck, you can organize any type of web content into a beautiful and user-friendly slider.


22. DualSlider


image


With DualSlider, you can slide your images while leaving a space for the description and other details.


23. JCoverflip


image


jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.


24. Flip Box


image


Flip is a jQuery plugin that will flip easily your elements in four directions.


25. ImageFlow


image


ImageFlow is an unobtrusive and userfriendly JavaScript image gallery.


26. PieceMaker


image


Piecemaker is a open source Flash image slider that displays images with 3D slice effects. The slide images can be configured from a XML file like setting the tween type, distance, time, delay, etc.


27. Text with Moving Backgrounds


image


This jQuery effect has some sort of a container which has a moving background, but only set of letters is visible of the background. It will be as if there are holes in your container.


28. Magic Scroller


image


Scroll your elements with this nice effect which is easy to install. With magic scroller, you can scroll your display vertically to expose its elements, iframes, or imáges. As a precondition all the elements have to be of equal size, and the mask needs to be proportional to the elements per row.


29. jQuery Animated Innerfade


image


jQuery Animated Innerfade is slideshow based on the work of Torsten Baldes. It has additional functions: slide effect on large images, ‘prev’, ‘pause’, ‘next’ functions, an optional background frame, and a title panel.


30. Pikachoose


image


PikaChoose is a lightweight jQuery slider plugin allowing for easy presentation of photos with carousels and lightboxes! Pikachoose is designed to be easily installed and easy to setup.


31. MopSlider


image


MopSlider can accommodate any number of items. It is also very easy to use.


32. jQuery Slinky Slider


image


Slinky Slider is a jQuery plugin that loads HTML files into panels to be shown inside a nominated <div>. Once the panels have been loaded, all bar one are collapsed. An automatic animation cycles through the panels showing the content of each in turn. When the user mouses over a panel, it expands and the automatic animation stops. The panels can contain full HTML, or just image references.


33. jQuery.SerialScroll


image


This plugin allows you to easily animate any series of elements, by sequentially scrolling them. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll. This jQuery.SerialScroll doesn’t have one definite purpose. It’s generic and adaptable. You can certainly use it as a screen slider and text scroller. You can even build an automatic news ticker.


34. Anything Slider


image


AnythingSlider brings together the functionality of all previous sliders and their features.


35. Zoomer Gallery jQuery Plugin


image


This jQuery effect, zooms your images inside a beautiful gallery once your mouse is on top of it. It does so in a flashy zoom style.


36. jQuery Plugin for Zoomable, Interactive Maps


image


In this jQuery effect, each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select subregions was possible.


37. Galleria


image


Galleria is a JavaScript image gallery framework built on top of the jQuery library. Its goal is to simplify the process of creating professional image galleries for the web and mobile devices.


38. BBC Radio 1 Zoom Tabs


image


This jQuery effect that can be used as a gallery to where pictures can be presented in a nice slide that automatically changes pictures the moment a mouse is on top of a navigation button.


39. Leopard Desktop with jQuery


image


This effect features elements that can be dragged and icons and buttons that zoom in when the mouse run on it.


40. Contextual Slideout Tips With jQuery & CSS3


image


This effect is an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.


41. Animated fullscreen background image slideshow


image


Changing the background can be done using this effect. A nice textbox can also be added to show information which is simultaneously displayed with the background.


42. Gallery Using z-index and jQuery


image


You can create an effect where pictures are animated to look like they were discarded one after the other by clicking. This is made using z-index and jQuery.


43. Background Image Navigation with jQuery


image


This is a beautiful navigation that has a background image slide effect. It has three list items that contain the same background image but with a different position. The background image for each item is animated to slide into place in different times, creating a really nice effect.


44. Morphing Gallery


image


A gallery that "morphs" images between transitions.


45. Slide Thumbs


image


With jQuery and some lines of jave-script code, you can turn your boring image viewer into a cool and elegant feature to wow your visitors. This is what this Slide Thumbs can do.


46. Presentation Cycle


image


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.


47. iTunes-like Slider


image


A simple slider/slideshow which mostly emulates the one on iTunes barring few changes.


48. iCarousel


image


iCarousel is an open source (free) javascript tool for creating carousel like widgets.


49. Minimalistic Slideshow Gallery with jQuery


image


Minimalistic Slideshow Gallery with jQuery is a beautiful slideshow gallery that can be easily integrated in your web site. It has a container with a slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.


50. Related Posts Slide Out Boxes with jQuery and CSS3


image


This awesome effect works like a little widget that can be used to show related posts in any page. It shows a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out, revealing the title and two links, one for the related article itself and one for the demo.


51. Compact News Previewer with jQuery


image


This acts as a news previewer that lets you show your latest articles or news in a compact way. The news previewer will show a list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.


52. Annotation Overlay Effect with jQuery


image


You can create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio using jQuery.


53. BxSlider 2.0


image


BxSlider is a jQuery content slider and image slideshow that features horizontal, vertical, fade transitions and display and move multiple slides at once (carousel).


54. Lof JSliderNews


image


Use this stunning slider to entertain your readers while scrolling what feature your website has. It has a very smooth user interface that gives your image an added aesthetic appeal.


55. Image Rotator with Preview


image


An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery.


56. Cloud Carousel


image


This carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.


57. jQuery popeye 2.0


image


This popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image.


58. Control Tabs


image


Control Tabs creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.


59. YoxView


image


YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich.


60. BlogSlideShow


image


BlogslideShow is a free open code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.


61. jQuery Tiny Slider


image


jQuery Tiny Slider is a small and lightweight jQuery-plugin to create simple inline slideshow.


62. jReel Gallery


image


This little jQuery image gallery plugin recreates the standard built-in window scrolling with a smooth easing effect.


63. Smooth Div Scroll


image


Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling.


64. s3Slider jQuery plugin


image


The s3Slider jQuery plugin is slideshow that displays objects with layers that can be positioned anywhere over it.


65. Sliding Login Panel


Sliding log-in


As the name suggests, this plugin works by sliding down the panel to reveal the log-in box when clicked.


66. jQuery Slideshow using CSS Sprites


image


This cool slideshow has a very smooth animated transition and customizable animation orchestration that works great in all popular browsers.


67. jqGalScroll


image


jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.


68. Multiple Image Cross Fade


image


This amazing effect flips the object in several views and angles without sliding. This is a nice way to impress your clients.


69. Fancybox


image


FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.


70. jQuery Cycle Plugin


image


The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.


71. jQuery Image Scroller


image


This scroller is different from others because it is completely autonomous and will begin scrolling once the page loads.


Text Effects


72. jQuery Word Counter


image


This plugin allows you to set and limit user input by max characters within html textarea (it is only limited by characters other than words). It binds keyup, paste and drag events.


73. jQuery FontEffect


image


Font effect is a jQuery plugin that add some effect to html text.


74. jTicker Typing Text Effect using jQuery


image


jTicker is a jQuery plugin that can be used for creating text effect without the use of flash. This effect comes in handy when you want to force the visitor to read the text. But should be used wherever necessary, as the usability suffers. jTicker can be declared on any element and can be stylized using CSS. You can also use event buttons to play, stop and control the speed of the effect.


75. Codename Rainbows


image


Even without Photoshop, you can make text effects with this by just typing a little code.


76. Grab bag, jQuery text effects


image


With grab bag jQuery plug-ins, you can have different effects to the text.


77. Color Changing Text and Backgrounds Effects


image


This effect can be used to change the colors and background of your object in a flashing style.


78. Fade Colors Using jQuery


image


79. Playing with jQuery Color Plugin and Color Animation


image


This is the tool if you want to change the color of the text and icons once your mouse is pointed to it.


80. jQuery Approach


image


Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate. However it animates over distance instead of time.


81. AutoCompleter


image


With autocompleter, your site becomes more user friendly by providing suggestions when a text is entered.


82. 3d Tag Sphere


image


A rotating 3d tag cloud controlled with the mouse. Tags are scaled according to the weight assigned to them and fade into the background as they rotate.


83. Simple jQuery Text Resizer


image


Simple jQuery Text resizer adjusts the size of your text for easier readability by clicking the icon.


84. Airport


image


Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.


85. Zooming with jQuery


image


This effect allows the reader to zoom the text for better reading.


86. jQuery Label Effectsimage


A jQuery plugin that applies highlight and shadow effects to text in a control.


87. jQuery Flying Text With Fade Effect


image


With this great javascript framework, you can create some flash-like, very simple flying and fading text effect using jQuery.


Animation Effects


88. jQuery CSS3 3D Animation


image


This jQuery effect reacts if you move your mouse around. If it hits one of the cartoons a text will flash and move around the page.


89. Image Cube


image


The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.


90. jQuery.Smart3D


image


This is an effect which can be used on site-header. It’s very simple to use: several layers glued together into a 3D effect.


91. jQuery 3D Rotator


image


This is a very stunning text effect. The texts are swirling like cosmic bodies in the galaxy as it shines against a black background. The speed and the direction of revolution of the texts depend on the location of the mouse.


92. 3D Sphere


image


In this effect the elements move in a way that they look as if it were one rotating sphere.


93. 3D Tag Cloud


image


This works like a carousel but the elements fades into the distance at the end. It also interacts with the mouse. The greater the distance of the mouse from the center the faster it rotates.


94. Flip HTML content in 3D


image


Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect.


95. Circulate


image


This is a very amusing plugin. Once you open it, the object will revolve around the page and if you click the buttons, it will jump in a circular motion and bounce back into position.


96. Spritely


image


jQuery spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).


97. Animated Curtain


image


With this effect you can animate a curtain to open to show a text or image the moment the rope is clicked.


98. jQuery Animated Postcard


image


Try this wonderful effect to animate the postcard inspired designs you have. With this effect, the clouds and the lifesaving float moves at the same time.


99. Dynamic PNG shadow position & opacity with jQuery


image


In this animation, you can drag objects and place them anywhere you want. It also features a switch that can be turned on to amaze your visitors.


Bewertungen
  • Aktuelle Bewertung 0.00/5

Bewertung: 0.0/5 (0 Stimmen)


Nur Mitglieder können Bewertungen abgeben.
Bitte einloggen oder registrieren.