2D Artist & Gamer

Who am I?

Foyzul Hassan / Born in Bangladesh, on Wednesday 25th September 1985 / Reside in London, UK

I've been designing professionally for the past 5 years, but I've always been a keen artist since the age of seven. As a designer I like to examine everything that makes design good - from it's concept, meaning and style - anything and everything that makes a design unique.

I also enjoy making games in my spare time, and just as I do with design work, I love to take apart the games I play and examine every aspect of it to understand how the game is ablee to engage users and have them playing 'one last time' as they try to better their high score.

These days I run my town.

Main Specs

  1. Designed in Bangladesh, assembled in London, UK.
  2. Date of first edition: Wednesday 25th September, 1985

Compatibility

Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.

Leave a message after the beep!

comments powered by Disqus

Advanced

Gallery

You can add a rel attribute to your links to seperate your galleries.

<!-- Gallery 1 -->
<a rel="gallery-1" href="big/image1.jpg" class="swipebox">
	<img src="small/image1.jpg" alt="image">
</a>
<a rel="gallery-1" href="big/image2.jpg" class="swipebox">
	<img src="small/image2.jpg" alt="image">
</a>
<!-- Gallery 2 -->
<a rel="gallery-2" href="big/image3.jpg" class="swipebox">
	<img src="small/image3.jpg" alt="image">
</a>
<a rel="gallery-2" href="big/image4.jpg" class="swipebox">
	<img src="small/image4.jpg" alt="image">
</a>

Video support

Simply paste a youtube or vimeo video URL in your href attribute. The script will automatically check if it's a youtube or vimeo URL and open the video in the swipebox.

My Video

<a class="swipebox-video" rel="vimeo" href="http://vimeo.com/29193046">My Videos</a>

Load slides dynamically

You can set your gallery dynamically by passing an array object to the swipebox.

View gallery

$( '#gallery' ).click( function( e ) {
	e.preventDefault();
	$.swipebox( [
		{ href:'big/image1.jpg', title:'My Caption' }, 
		{ href:'big/image2.jpg', title:'My Second Caption' }
	] );
} );

Check open state

if ( $.swipebox.isOpen ) {
	// do stuff
}

Options

<script type="text/javascript">
;( function( $ ) {

	$( '.swipebox' ).swipebox( {
		useCSS : true, // false will force the use of jQuery for animations
		useSVG : true, // false to force the use of png for buttons
		hideBarsOnMobile : true, // false will show the caption and navbar on mobile devices
		hideBarsDelay : 3000, // delay before hiding bars
		videoMaxWidth : 1140, // videos max width
		beforeOpen: function() {}, // called before opening
		afterClose: function() {} // called after closing
	} );

} )( jQuery );
</script>