We often work with clients that maintain accounts with Twitter, Flickr, Youtube and other services in addition to their website. Often they will want to pull in data from one of their accounts to their website. With Flickr, this is pretty easy because they make a simple API available. Having worked with it a few times, we decided to make it even easier to pull photos from a public feed.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

In this tutorial you are going to learn how to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.

In many blogs and news sites images are mostly included as an addition to the content. Space is often limited and therefore we thought of a slick solution to integrate a miniature image gallery that does not occupy a lot of space.

This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.

It is not a plugin, so it is not as easy as it possibly could be, but it is much easier. There is a section at the end for customizing. The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left

This tutorial allows you to create a great content slider using jquery and css. This amazing content slider is very light and easily to install.

jQuery plug-in that automatically resizes (background) images to the size of the browser and runs them as a slideshow. It is lightweight and plays nice with all browsers

SexyLightBox is a more lightweight clone of the classic Lightbox. It supports all kinds of images and different sizes. Large images are automatically resized to fit the browser

jQuery-Plugin that allows you to add notes to any image on your website or blog. The default folder jquery-notes_notes, where the notes will be saved, must be writable.

This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image. The user can scroll through the thumbnails by using the slider controls. When a thumbnail is clicked, it moves to the center and the full image preview opens. Navigating though the images will make them slide in and out from the sides, moving the underlying thumbnails container. When the preview is closed, the full image will fade back to the thumbnail.

Loading ...

Recent Comments

Business Analytics Course said:

Actually I read it yesterday but I had some ideas about it and today I wanted to read it again because it is so well written. ...

amritabansal said:

I am really happy to say it?s an interesting post to read. I learn new information from your article; you are doing a great ...

Data360 said:

I have to search sites with relevant information ,This is a wonderful blog,These type of blog keeps the users interest ...

João Pedro said:

Nice article, thanks for sharing! I have build one, check it out: https://jsuites.net/v3/color-picker ...

banumadhu said:

Excellent blog thanks for sharing the valuable information..it becomes easy to read and easily understand the information. Useful ...

priyankaravilla said:

Attend The Data Analyst Course From ExcelR. Practical Data Analyst Course Sessions With Assured Placement Support From ...

Digital Marketing Services said:

Very nice work, really appreciable. Good to know something new today, keep it up.

jhon set said:

Curly brackets and tiring variable declarations are not part of this programming language thus, making it a lot easier ...

Tableau Course in Bangalore said:

360DigiTMG Tableau Course in Bangalore providing the best tableau Course Classes by real-time faculty with course material. ...

lavanya said:

good.<a href="https://www.acte.co.in/salesforce-training-in-chennai">salesforce training ...