ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

4
352

টিউনারপেজের নির্বাচিত  এক্সক্লুসিভ পোস্ট টি যে আপনারা দেখেন, এমন অথবা এর থেকেও সুন্দর সুন্দর ১৬০টি স্লাইডার (প্লুগিনস) আপনাদের সাথে আজকে শেয়ার করবো আমি। এই এফেক্ট গুলো জটিল দেখতে শুধু না ইউস করার সহজ, আপনার সাইট কে মোটেও ভারি করে দিবে না আসা করি। এখনাএর সব গুলো স্লাইডার ও Effects আপনারা jQuery তে পাবেন। আমি আপনাদের জন্য ১০০টির বেশি ওয়েব সাইট ঘাটা ঘাটি করে এগুলো খুজে বের করেছি। অনেক সময় এগুলো পাওয়া গেলেও মনের মতন পাওয়া যায় না, আসা করি আপনাদের মনের সকল আসা আজকে পূরণ হয়ে যাবে। আপনার ওয়েব সাইট কে করে তুলুন আর অনেক বেশি স্মার্ট ও এট্রাক্টিভ। যে কেউ দেখলেই যেনো হা করে তাকিয়ে থাকে। তাহলে কথা না বারিয়ে শুরু করে দিলাম। আজকে আপনাদেরকে ৩০টি শেয়ার করবো, বেশি দিলে হিজিবিজি হয়ে যাবে, আগে এই কয়েকটা ইউস করে করে দেখুন কেমন লাগে। আর ভালো কথা এখানের অনেক গুলো শুধু কোডিং দেয়া আছে যা নোটপ্যাড এ সেভ করে নিবেন কপি করে, আর বাকি গুলো ফাইল করা আছে ডাউনলোড করে নিবেন। ধন্যবাদ সবাইকে।কনো সাইটের ফোট গ্যালারি বা পোস্ট সুন্দর ভাবে শো করার জন্য এগুলো ইউস করা হয়ে থাকে।

tunerpage ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

এখানে ক্লিক করে জয়েন করুণ আমাদের ফেসবুক পেজ (নতুন পোস্ট ফেসবুকে দেখুন)

নিচে আমি প্রতিটার ছবি দিয়ে দিলাম, আপনার যেটা দরকার সেতার লিংক এ ক্লিক করলেই মুল পাতায় চলে যাবেন।

(আগের ৪টি পর্বে মোট ৯০টি দেয়েছিলাম আজকে আরো ৩০টি)

90. jQuery.Smart3D

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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

93. 3D Tag Cloud

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 jQueryimage ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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.

100. Quicksand

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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

104. jQuery Solar System

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

This amazing effect simulates the movement of celestial bodies.

105. Animated Landscape Header with jQuery

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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

106. jQuery Parallax

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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

Transition Effects

114. jqFancyTransitions

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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+.

115. Jquery Fade InFade Out

image ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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 ওয়েব ডিজাইনের জন্য ১৬০টি jQuery স্লাইডার Effects পর্ব-৪

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

4 মন্তব্য

একটি উত্তর ত্যাগ