Photo Swipe – Image Gallery Designed For Mobile Devices

Franklin Manuel — Fri, 27 May 2011 06:35:37 +0000

Photo Swipe is a HTML/CSS/Javascript based Image Gallery designed and developed exclusively for the mobile devices. Currently Photo Swipe supports iOS, Android, Blackberry, jQuery framework and PhoneGap mobile framework. In order to test its functionality I opened the demo url of Photo Swipe on my iPhone. Surprisingly the output was excellent in terms of its flexibility and smoothness while switching between different images. The image gallery is adaptive to both landscape and portrait mode.

Here is how it looks on my iPhone on landscape and portrait mode. I guess you probably get the same output for other mobile platforms.

Photo Swipe also works on desktops, so if you want to create a universal photo gallery for your next project, I recommend giving a look at Photo Swipe.

How To Add CSS Tool Tip On Blogger Blogs

Franklin Manuel — Thu, 25 Feb 2010 22:00:00 +0000

There are many tool tips available over the Internet and most of them really takes time in displaying the tip. This many times irritate your blog visitors. So in order to create a tool tip which should response at a fast rate, I choose CSS. This tutorial will help you to add CSS tool tip on blogger / blogspot blogs. The installation is very simple as it involves only two step.

Live Demo

Step 1: Search for ]]> and replace it with the below code

$('.show-tooltip').each(function(){
$(this).after($('')
.attr('class', 'show-tooltip-text')
.html($(this).attr('title')))
.attr('title', '');
});
]]>

Step 2: Now in order to show tool tip for link. Include class=”show-tooltip” title=”Your description here” inside the text link code

For example

Bloggermint

Now save your template and see the effect. This is a simple script to show tool tip. You can share your own ideas at Bloggermint forum.

Bloggermint » CSS

Photo Swipe – Image Gallery Designed For Mobile Devices

How To Add CSS Tool Tip On Blogger Blogs