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

7
486

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

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

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

62. jReel Gallery

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

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

63. Smooth Div Scroll

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

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

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

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

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

67. jqGalScroll

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

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

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

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

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

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

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

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

74. jTicker Typing Text Effect using jQuery

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

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

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

76. Grab bag, jQuery text effects

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

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

77. Color Changing Text and Backgrounds Effects

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

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

78. Fade Colors Using jQuery

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

79. Playing with jQuery Color Plugin and Color Animationimage ওয়েব সাইটের জন্য ১৬০টি jQuery স্লাইডার Effects পার্ট-৩

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

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

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

82. 3d Tag Sphere

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

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

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

84.  Airport

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

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

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

86. jQuery Label Effects

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

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

87. jQuery Flying Text With Fade Effect

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

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

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

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 ওয়েব সাইটের জন্য ১৬০টি 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.

7 মন্তব্য

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