Premium Templates
Mitglieder Online
· Gäste Online: 1

· Mitglieder Online: 0

· Mitglieder insgesamt: 1,233
· Neuestes Mitglied: musix-radio
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 2
  • printer

100. Quicksand


image


It’s a nice way of reordering and filtering things with a nice shuffling animation. With this, you can make a beautiful library to make your work organized.


101. Puffing Smoke Effect in jQuery


image


This effect can be customized so that the chimney can puff a smoke of whatever shape you want. The one above puffs Super Mario Images. This is perfect to be used in headers.


102. jAni jQuery Plugin Animation


image


jAni is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it’s always better to use an animated GIF as this format is supported by all browsers without any JavaScript code or additional markup, but the “dark side” of it is that an animated GIF allows only 256 colors and you cannot control animation in any way.


103. Gravitational Simulation in jQuery


image


Drop the blocks by touching the red strings with your mouse. This is what this effect can do.


104. jQuery Solar System


image


This amazing effect simulates the movement of celestial bodies.


105. Animated Landscape Header with jQuery


image


This effect has a cartoon themed landscape with elements which slide out to reveal additional content.


106. jQuery Parallax


image


This is a parallax style implementation of user interactions. When the mouse moves over the document (or a specific element) the actions can be translated to modify any CSS property of an element for example an image position, to give a parallax style effect.


107. Rezoner’s jEffects


image


This effect enhances user interaction by providing decorative effects. It’s all packaged into an intuitive jQuery plugin. Thus, you can sprinkle cool effects on your screen once your mouse is moved.


108. Rotating Billboard with jQuery


image


Use CSS and jQuery to create the effect of a rotating billboard with two ads. Through this you can make one set of image slices disappear while another one (the other ad) appear giving the look of rotating slices, just like in a rotating billboard system.


109. jQuery Flight Board


image


A jQuery plugin that sets a division to flip between text messages like a flight board at an airport. The flight board functionality can easily be added to a division with appropriate default settings. It then displays the messages in a cycle after two seconds. Highlights and shadows are used to enhance the 3D effect.


110. Animated Cartoon Robot with jQuery


image


You can use this effect to amuse your visitors or create this out of fun. It’s an animated way of to inspire someone to look beyond the perceived constraints of web designers and developers.


111. Custom Animation Banner with jQuery


image


Creating a custom animation banner with jQuery. With this animation setup, you can have different elements in a banner that will animate in a nifty fashion.


112. JavaScript Sprite Animation Using jQuery


image


With this effect you can add amusement to your pages by having your visitors flip the pages of this animated Javascript using jQuery.


113. Flip


image


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


Transition Effects


114. jqFancyTransitions


image


jqFancyTransitions is easy-to-usejQuery 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+.


115. Jquery Fade InFade Out


image


This jQuery effect fades in and fades out anything whether it is an image, text or even a link in a nice and smooth fashion.


116. Lazy Load


image


Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster.


117. The Sexy Curls jQuery Plugin


image


Sexy Curls jQuery plugin is an open source solution which lets you share in the beauty of the page fold feature with ease. It uses the jQuery UI and its resizable package.


118. jQuery Booklet


image


Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It is built using the jQuery library.


119. jQuery pageSlide


image


This plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.


120. Smooth Animated Menu with jQuery


image


This effect creates a beautiful menu that slides down and reveal additional content in your menu when you run a mouse over it.


121. jQuery MagicLine Navigation


image


This effect highlights a background or an underline which follows you as you move your mouse over the different links in the navigation. This happens in jQuery through its animation abilities. The "magic line" is only appended via JavaScript. Once you have added it to the list and have it styled, it figures out the left positioning and the width and animates it as you mouse over the different links.


122. HighlightFade


image


This effect highlights and then fades a text or an image with a click of the mouse. It can be made to display a highlighting box of different colors.


123. Dynamic Page / Replacing Content


image


The feature of this Dynamic page/replacing content is that it replaces the content of the page if the navigation button is clicked instead of opening another window.


124. jQuery Cycle Plugin-Effects Browser


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. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.


125. jQuery Captify


image


Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover.


126. Sponsor Flip Wall With jQuery & CSS


image


Amaze your readers by adding this nice effect which flips an object to reveal the content on its underside.


127. jSquares


image


jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover.


128. Grid Accordion with jQuery


image


The Grid Accordion works with the same theory as most other accordions. Only one cell is open at a time. The big thing is that the column of the current open cell expands to a reasonable reading width.


129. jquery Professional Dropdown Menu


image


jquery Professional Dropdown Menu is a classy way to integrate a long list of items in your menu. Its multiple dropdown style saves space giving a nice user interface to your clients.


130. Superfish jQuery Menu Plugin


image


Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu.


Image Editing and Adjustment Effects


131. jCrop


image


Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.


132. jQuery Virtual Tour


image


This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour.


133. jQuery Corner Demo


image


This corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid background color on these strips in order to hide the actual corners of the real item. So if you step back and look at the cornered element, think of there being solid colored divs hiding the true squared off corners of the item you wish to be changed.


134. Apple-like retina effect


image


Try this wonderful effect to make the text and images clearer by seeing it up close as if they’re just in the retina of your eyes.


135. Image Highlighting and Preview with jQuery


image


This effect works by highlighting and previewing images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context. It highlights images on a delayed hover and offer a preview mode which will enlarge and center the bigger version of the image on the screen.


136. Image splitting effect


image


This beautiful image splitting effect is similar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing that makes this different is that the effect looks like the image is splitted into half and one goes left and the other one goes right. One thing that is very important is that there will not be 2 images but only one.


137. ImjQMosaic


image


imJQMosaic is a simple jQuery plugin that creates mosaic pattern using an image. Apart of just creating the mosaic pattern on an image, it also facilitates the user to put menus on top of the mosaic tile(s). Hence, it can be beautifully used as navigation menu. It can also serve as a substitute to the popular Flash based navigations on the home pages of a website or application which unfortunately don’t work on mobile phones not supporting Flash content.


138. Photo Zoom Out Effect


image


This effect enables you to create a simple image zoom out effect with jQuery. Thus you can show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries.


139. jQZoom


image


Make a nice jQuery zoom like the one in the above screenshot. This effect offers different ways of zooming in and out.


140. Cloud Zoom


image


Cloud Zoom is a free jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.


141. Crop Example


image


The crop plugin takes an IMG element and crops them to the dimensions given. The result is a DIV with a background image with the height and width and an offset. The new DIV should also carry across the existing style attributes of the image.


142. AnythingZoomer


image


This jQuery plugin zooms a small area when you put your mouse over it. It’s very flexible and it’s easy to customize in CSS.


143. imgAreaSelect


image


imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes.


144. Micro Gallery


image


This jQuery plugin transforms a set of images into a tiny gallery with several options. The Micro Image Gallery allows to switch between a grid view which shows a preview of the images as thumbnails and a single view showing one image only. The navigation bar can be hidden and sliding out when hovering over the gallery, or visible.


145. Interactive Picture


image


This interactive picture – aka an image that contains tooltips and popup boxes can be useful for showing off a particular aspect of a photo (ie items or people).


146. Rounded Images


image


You can give your pictures nice rounded corners to enhance the look of your page.


147. JQuery.iviewer


image


JQuery.iviewer is a jquery plugin used to load and view image in container with ability to zoom image and to drag it with mouse in container.


Other jQuery Effects and Resources


148. Outside the Box Navigation with jQuery


image


This effect is a nice recreation of the Mac desk, which is something that many people really like.


149. JQuery animation easing plugin example


image


This jQuery tool is designed as an aid in making nice animations.


150. Greyscale Hover Effect w/ CSS & jQuery


image


As the name suggests this produces an effect of changes the image into greyscale when you put your on it.


151. Color Picker – jQuery plugin


image


This plugin can help you select color in the same way you select color in Adobe Photoshop.


152. jQuery Touchwipe


image


jQuery Touchwipe’s small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used to scroll through an image gallery. It also works with Android touchscreens.


153. Array of jQuery Animations- Tutorialized


image


This tutorial will teach you how to make amazing jQuery animation using just a few line of code for each effect. With this you can create a progress-bar in less than 3 lines.


154. Tetris with jQuery


image


Have fun with cool Tetris on your screen with this jQuery effect.


155. Music player using jQuery


image


Create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.


156. jQuery Before/After Plugin


image


This works like a sliding door in our homes. When you drag the navigation button, you expose the background of the image.


157. jQuery CSS Clip Animation Plugin


image


This is a nice way to scale an image by clicking the FULL, HALF and GONE buttons to see the animation in action.


158. jQuery Background-Position Animation


image


This effect enhances the ability to make background-position animation. The object can shoot up and move back into position when a click is done.


159. ZURB Annotation plugin


image


Use ZURB’s Javascript plugin to easily add and save annotations.


160. jQuery Zoomooz


image


Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.


161. Colourful rating system using CSS3 and jQuery


image


Rating system is a very boring part of web browsing experience. That is why a colorful rating system is there to make rating activity more appealing. Take this to improve the rating system mechanism that you have in your site.


162. Dynamic FAQ Section w/ jQuery


image


With the help of jQuery & YQL, this effect can pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with questions and answers. The best aspect of this solution, is that you can change the contents of the FAQ section from within Google Docs – just edit the spreadsheet. You can even leverage the rest of Google Docs’ features, such as collaborative editing. This way, a small team can support the FAQ section without the need of a dedicated CMS solution.


163. Latest Tweets Tooltip with jQuery


image


If you have a news website, it might be interesting for you to allow your users to see the latest tweets about a topic. This is what this hot jQuery plugin does. It shows the latest tweets about a certain word or phrase. Words or phrases that you want to be searched for in Twitter, are wrapped with the following span. The popup box that appears can be dragged and resized. Clicking on the cross will make it disappear. The tweets are constantly being loaded in a predefined time span. This loading stops when the user hovers over the tooltip box.


164. Crazy Dots – jQuery Plugin


image


CrazyDots is a jQuery Plugin that creates a loading spinner via CSS. Best appearance is with CSS3 capable browser, but can be made to work in older browsers, too.


165. jQuery UI Animation Effects


image


The jQuery UI Effects brings us different animation techniques that we can use to in meet the need of our design projects.


WordPress jQuery Sliders


166. UBILLBOARD WORDPRESS SLIDER


uBillboard is a Premium Slider for WordPress. It is a jQuery based slider with a multitude of transitions and options for you to be able to customize it to your needs while not overwhelming you with options you never wanted or needed. Version 3 is a revolutionary release with most of the codebase rewritten from scratch. This has enabled us to integrate many features that you have been requesting during the first year. Make sure you see this WordPress Slider demo in action! image


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


167. WORDPRESS LI JQUERY SLIDER


liJQuery Image Slider plugin for WordPress is carefully crafted slider/banner image rotator, full of features, easy to install and customize. It comes with intuitive – user friendly WordPress admin interface.


liJQuery


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


168. SLIDER PRO – WORDPRESS SLIDER PLUGIN


Slider PRO is one of the most powerful slider plugins for WordPress on the market (some buyers have been saying that it’s actually the best). The slider offers you 100+ customizable properties, 100+ possible transition effects, 10+ skins and much more. Also, the slider’s administration area is very powerful and uses the default WordPress design, which WordPress users are already familiar with. This slider plugin is carefully coded, using WordPress development best practices, to avoid conflicts with other themes and plugins that are well coded. Please take a look at the list of features at the feature page and visit the slider’s demo page.


Slider PRO - WordPress Slider Plugin


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


169. CCSLIDER WP


CCSlider WP makes it easy to embed the CCSlider jQuery slideshow plugin in your WordPress theme. CCSlider is an unique slideshow plugin because of the fact that it supports 3d transitions! There are 10 stunning 3d transitions available, and also 10 stylish 2d transitions.


ccslider wp


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


170. SLIDER EVOLUTION FOR WORDPRESS


Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider! Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your WordPress website with ease. You must check out this WordPress slider demos


image


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


171. SUGAR SLIDER – WORDPRESS SLIDER


Sugar Slider makes it as easy as it could possibly be to create gorgeous sliders for your WordPress powered site. Forget nasty custom fields and image URLs. You can even forget about manually resizing every image before you upload it. With a huge list of features, Sugar Slider is on of the most advanced and powerful WordPress slider manager.


Sugar Slider - WordPress Slider Manager


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


172. ESTRO – JQUERY WORDPRESS SLIDER


“Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting moniker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who?s design and execution would inspire you and supercharge your own work. See the WordPress slider demo in action.


Estro - jQuery WordPress slider


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


173. DDSLIDER for WORDPRESS


Manage your slides the way you want, don’t depend on pages and posts. Upload Images via AJAX direct from the slide manager page. Over 11 different transitions


DDSliderWP


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


174. KEN BURNS WORDPRESS SLIDESHOW


With cool features and effects this WordPress slider can become the perfect way to showcase your products.


image


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


175. WORDPRESS SLIDER GALLERY SHORTCODE


This plugin creates a new shortcode for WordPress. With this new shortcode, you can create a slider gallery in seconds just by typing [slider] while you’re writing your post or page. The slider will display the images that you have uploaded to the current post or page. If you need more options, this simple shortcode features multiple attributes that you can set


WordPress Slider gallery shortcode


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


FEATURED POSTS WORDPRESS SLIDER


Show off your content the real way – in a slider! This WordPress slider includes 6 predefined layouts and allows you to customize layouts with 18 variables. Intuitive admin GUI with inline help. Try the preview now.


Featured Posts WordPress Slider


DOWNLOAD / DEMO– by CodeCanyon (premium plugin)


Bewertungen
  • Aktuelle Bewertung 0.00/5

Bewertung: 0.0/5 (0 Stimmen)


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