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

3
496

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

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

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

31. MopSlider

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

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

32. jQuery Slinky Slider

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

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

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

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

35. Zoomer Gallery jQuery Plugin

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

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

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

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

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

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

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

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

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

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

A gallery that “morphs” images between transitions.

45. Slide Thumbs

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

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

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

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

48. iCarousel

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

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

49. Minimalistic Slideshow Gallery with jQuery

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

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

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

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

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

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

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

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

56. Cloud Carousel

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

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

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

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

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

60. BlogSlideShow

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

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

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

3 মন্তব্য

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