Plugin ตัวนี้จะทำให้การสร้าง rotating content ง่ายขึ้น ตัวที่จะสไล จะสไลทั้งอีลิเม้นที่เราเลือกรวมถึงอะไรที่อยู่ในอีลิเม้นนั้นด้วย jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through th [...]

Plugin ตัวนี้ได้รวมความสามารถหลายๆแบบเข้าไว้ด้วยกัน สามารถเอาไปประยุกต์ใช้กับผู้พัฒนาได้ง่าย มีขนาดเล็ก จะความสามารถจะมีดังนี้ News sliders, photos galleries/sliders, carousels, tabs menus The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight [...]

Plugin สำหรับใส่แสดงรูปหลายๆรูป แสดงแบบเต็มหน้าจอ Features * Resize images to fill the entire browser window while maintaining proportional dimensions. * Fullscreen slideshow complete with transitions, navigation, captions, and preloading. * Integrate with existing sites or create your own portfolio gallery. New in Supersized 3.0 * Added scrolling – you can have your site on top of Supersized. * Increased performance for larger number of images. * Images are now loaded from an array. * Added thumbnail naviga [...]

Plugin ใช้ทำ image gallery โดยใช้ plugin jCarousel สร้าง Alright fellow web designers and developers. We are going to do something a little bit more hardcore this time. There are heaps of jQuery plugins out there, but it’s hard to find something that suit us. So, this tutorial will teach you how to be creative and create a customize plugin.

Plugin ตัวนี้ไว้สำหรับทำ Gallery Slide Show สามารถแสดง Animate ได้หลายรูปแบบ นี่เป็นเพียงตัวอย่างเดียว If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow. Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well. In today’s tutorial we’ll take the makings of a classic slideshow, but use a diffe [...]

Plugin ตัวนี้ใช้ในแสดงผลรูปโดยการ Slide สามารถใส่ Image Description ได้ the Coda Slider was 90% there already. There is a main content area (panels, if you will), which slide from left to right each with different unique content. There is generally a set number of panels, but the code is written in such a way that adding or removing panels isn’t a huge pain. There are links which act as navigation to quickly jump to any particular panel. These links can be anything (text hyperlink, thumbnail, etc) and link to [...]

Plugin ใช้สำหรับการเลื่อนแบบต่างๆสามารถใส่รูปหรือเนื้อหาก็ได้ เลื่อนได้ทั้งแนวตั้งแนวนอน มีตัวอย่างเยอะกว่านี้นะครับสามารถไปดูได้ที่ Homepage jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (wit [...]

Plugin ตัวนี้เป็น script สำหรับใส่ effect ในการแสดงรูปของเราในแบบต่าง มีเยอะมากสามารถเลือกรูปแบบการแสดงผลใน code ได้ Overview 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. How [...]

Plugin ตัวนี้ใช้สำหรับทำแสดงรูปแบบเปลี่ยนไปเรื่อย ใช้ Fadein, Fadeout ในการแสดงผล What we need our Jquery image rotator to do: Rotate Images with Links. Valid XHTML. Lightweight Script. The Rotator as I have come to call it will simply auto rotate through a list of images with a smooth fade effect without the need to include an extra plug-in on top of Jquery.

Plugin ตัวนี้ใช้สำหรับทำรูป Galleries อีกตัวนึงในแบบ Galleria Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria clocks around 5k daily downloads, making it one of the most popular javascript galleries around. This site is now dedicated to version 1.2, currently in beta development at GitHub. Stable release is set to septemb [...]