background preloader

A free jQuery slideshow by Pixedelic

A free jQuery slideshow by Pixedelic
A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above: <div data-src="images/image_1.jpg"><div class="camera_caption">The text of your caption</div></div> By adding one more class to the "camera_caption" div you can decide the effect of the caption. HTML elements You can also put some HTML elements into your slides. <div data-src="images/image_1.jpg"><div class="fadeIn camera_effected">The text of your html element</div></div> An HTML element can have a class "fadeIn": in this case it will be displayed with a fading effect. Videos To include a video into your slideshow you must put an iframe into one of your slides: As you can see I set the width and the height of the iframe to 100%, so it changes its size according with the size of the slideshows (I mean the iframe, the video in the iframe will mantain its ratio). The "data-" attributes or a particular alignment for one slide only:

http://www.pixedelic.com/plugins/camera/

Related:  sliders & galleriesGalerie ImgropetightSite Toolsjquery

Nivo Slider™ - Dev7studios jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX. All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don’t exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems. I needed a lightbox only for images, not video, text, and iframes at once.

How to use another language pack on Windows 7 Home Premium and Professional If you own Windows 7 Professional or Windows 7 Home premium, you have probably discovered that you are unable to download and install another language pack from Windows Update site. First you will have to download the language pack for Windows 7. Since Windows 7 language packs are available via Windows Update as an optional update for Windows 7 Enterprise and Ultimate editions only, here is the list of 32-bit and 64-bit language packs available from Microsoft for manual download. After downloading the Windows 7 language packs, run the .EXE executable file to extract the .CAB language pack (LP) cabinet file. Then, follow the guide to install language pack in Windows 7, and guide to change display language on Windows 7 user interface and welcome screen. Note: It is recommended only the language pack you plan to use, since downloading and installing to many language packs can affect the disk space and system performance.

Magento Shipping Country Codes We set up a lot of Magento Shipping Rates and import these using CSV’s. These use Magento Country Codes which can come in a two or three digit version. Oddly enough I found the main resources for these codes to be divided into a two digit code and a three digit code columns, neither that easy to use. So I created my own Magento Country Code table with both variations for easier use. A jQuery Plugin For Face Detection On Images As images are clearly a part of almost any web application (user photos, avatars, etc.), analyzing them better will always be functional for users. Face Detection is a jQuery plugin that returns the coordinates of faces in any given image. It uses an algorithm named CCV (a JS file that needs to be included in to the documents as well) and has callbacks on every level. The usage is straightforward, just mention the element to be analyzed and get back the results, nothing complicated.

carouFredSel - Dev7studios Easy Carousels in jQuery & WordPress Carousels in WordPress just got a thousand times better. carouFredSel takes the awesome power of the carouFredSel jQuery plugin and integrates it into WordPress so you can create unlimited carousels in your WordPress site without touching any code. Simply upload your images, drag and drop re-order them, add some captions and you’re good to go. Simple or Advanced Configuration carouFredSel comes with three configurations modes, “Basic” mode where you can choose some of our built in layout styles and keep things uber simple, “Advanced” mode or “Super User” mode where you can literally edit the configuration like you would when using the jQuery plugin for ultimate control and flexibility.

jQuery Touch Optimized Sliders "R"Us Fire the plugin on a (set of) thumbnail(s) and it will create a lightbox popup with a slider for the enlarged images. <script type="text/javascript"> $(document).ready(function() { $("#example a").tosrus(); }); </script> Image gallery By default, the plugin will automatically create a gallery from the targeted anchors: $("#example a").tosrus(); Single images This lightbox has been set up to create a new popup for each anchor:

Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: IMAP: Folder structure and Junk E-mail filter In my IMAP account, the default mail folders like Inbox, Sent Items, Deleted Items, etc are subfolders of my Inbox folder. I have been able to set the Sent Items and Deleted Items folders of my IMAP account so that they now work, but the Junk E-mail filter does not work. Why are my folders all under the Inbox folder and how can I make the Junk E-mail folder work with my IMAP account? Several IMAP server implementations, including (older versions of) Horde, work from the Inbox folder as a root folder. New folders can then indeed only be created directly under the Inbox folder which can interfere with Outlook’s internal folder structure. The result is that you don’t have a Junk E-mail folder and that this feature doesn’t work.

50 jQuery Image Gallery Tutorials and Plugins Image galleries and sliders are very popular in modern web designing from past 2 or 3 years. Not only image galleries, but jQuery is also very popular nowadays because it is very fast and accurate JS library, which helps to simplify different difficult event handling and smooth animation. Developers are making extensive use of jQuery in every field of web design to make it versatile and sleek.

Related:  SLIDESHOWJQueryDjango