Example 1

четверг, 16 мая 2013 г.

aRise-0.1

Proud to present aRise super lightweight and easy jQuery plugin!



Purpose

The purpose is to show fullsized images when thumbnail is clicked.

How it works

Usefull for most types of photogalleries and in all cases, when you have small images (e.g. in text like in Wikipedia) that must be opened by click. Plugin prevents page loading, instead of it, it creates a frame (not iframe) with full image inside and a tiny border around it. Simple and laconic.

Why clone?

I know internet is overcrowded with various plugins for images and galleries. But my goal was to create a very simple (both in installation and usage) product. You don't need additional css, everything is uncluded inside and generates automatically. It doesn't meen you cannot override those styles. In fact it's the only <div> element with unique id. That's it! Easy and simple.

Also you don't need to upload additional images for arrows, close buttons, etc. It's not really userfriendly, but I use common expirience: show next image when already opened is clicked, close it when user clicks outside. Don't worry, aRise-0.2 is almost ready and it even has cozy navigation through images.

A few words about plugin versions. I always (I swear) try to make them fully compatible, so you can start to use updates safely. Just upload it to your website and try new features.

How to embed

As usual you have to do only two steps:

  1. Download and add script https://gist.github.com/vladkras/5546943
  2. Turn it on for your collection. In most cases <img> tag is simply inside <a>, so just add $('a.your-class').aRise(); in your script. Of course you can use your own DOM properties to do it.
Don't forget, that jQuery is still needed for it to work. 

Комментариев нет:

Отправить комментарий