Marius' Blog » JavaScript jQuery

Thumbnail Gallery (WordPress Plugin)

Marius — Fri, 17 Jun 2011 07:05:54 +0000

Description: This Plugin will help you to easily add a thumbnail gallery to your WordPress website or blog. The gallery is completely customizable, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). You will be able to insert it in any page or post you want with inbuilt
short code generator.
Download & Preview: CodeCanyon
Technologies: AJAX, CSS, HTML, JavaScript, jQuery, PHP, WordPress

Wall/Grid Gallery (WordPress Plugin)

Marius — Tue, 14 Jun 2011 10:04:11 +0000

Description: This Plugin will help you to easily add a grid gallery to your WordPress website or blog. The gallery is completely customizable, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). You will be able to insert it in any page or post you want with inbuilt short code generator.
Download & Preview: CodeCanyon
Technologies: AJAX, CSS, HTML, JavaScript, jQuery, PHP, WordPress

AJAX Booking Calendar Pro (jQuery Plugin)

Marius — Mon, 30 May 2011 08:20:57 +0000

Description: This item is ideal if you want to add information about bookings to your rentals website. The Back End is easy to use and can be easily integrated into your own CMS as the Front End can be easily integrated into your website. Both Back End and Front End can be customized separately, and the number of usages on your webpage or website is unlimited.
The Calendar comes with a PHP script, but any server side script can be used to load or to save data from any database. The Booking Calendar is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Technologies: AJAX, CSS, HTML, JavaScript, jQuery

Image Loader (jQuery Plugin)

Marius — Wed, 11 May 2011 07:09:00 +0000

Description: This jQuery Plugin is ideal to load, preload, resize … the images on your website. The Plugin is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Technologies: CSS, HTML, JavaScript, jQuery

Thumbnail Scroller (jQuery Plugin / XML)

Marius — Wed, 16 Mar 2011 06:06:01 +0000

Description: This jQuery Plugin is ideal if you need a fast and very customizable Thumbnail Scroller. The scroller is completely editable from a XML file, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Technologies: CSS, HTML, JavaScript, jQuery

Thumbnail Gallery (jQuery Plugin / XML)

Marius — Thu, 03 Mar 2011 08:40:10 +0000

Description: A very customizable jQuery Plugin Thumbnail Gallery, that can be edited from a XML file. The gallery is completely resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Technologies: CSS, HTML, JavaScript, jQuery

Wall/Grid Gallery (jQuery Plugin / XML)

Marius — Sun, 20 Feb 2011 13:30:14 +0000

Description: A very customizable jQuery Plugin Gallery, that can be edited from a XML file. The gallery is completely resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Technologies: CSS, HTML, JavaScript, jQuery

Karisma Sportwear

Marius — Sat, 29 Jan 2011 15:54:21 +0000

[nggallery id=5 template=slideshow]

Description: Karisma Sportwear store.
Website: http://www.karismasport.com/
Design: 2Mediax
Developed for: Vuzum
Technologies: AJAX, CSS, HTML, JavaScript, jQuery, PHP

Create, modify and read a Cookie with JavaScript

Marius — Thu, 27 Jan 2011 21:54:26 +0000

The first function creates or modifies a cookie. The second one returns the value of a cookie.

JavaScript code:

setCookie("MyCookie","jump", 7);// The Cookie "MyCookie" has the value "jump" and expires in 7 days.
function setCookie(c_name, value, expiredays){

    var exdate = new Date();

    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie = c_name+"="+escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toUTCString());

}

JavaScript code:

readCookie("MyCookie");// Returns value "jump".
function readCookie(name){

    var nameEQ = name + "=";

    var ca = document.cookie.split(";");

    for(var i=0;i < ca.length;i++){

        var c = ca[i];

        while (c.charAt(0)==" ") c = c.substring(1,c.length);

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

    }

    return null;

}

How can you trigger an event in JavaScript (using jQuery) when an image is completely loaded

Marius — Wed, 05 Jan 2011 12:02:08 +0000

This JavaScript code will trigger an event when an image is completely loaded. You need to have the jQuery Library.

JavaScript code:

var img =new Image();
$(img).load(function(){

    $(imageContainer).html(this); // Add the image in the document.

    // Add any event …                

}).error(function(){

    // No image event …  

}).attr("src", imagePath);