Showing posts with label ajax. Show all posts

ColorBox Blogger integration Section 4

Blogger general application integration to tell jQuery lightbox Colorbox after the order to the use of this plugin

one of the first examples on these pages integrate blog

A little code to add pictures to your article class will assign. These codes are the problem, manually enter the class each image.

İmage Content Types

When you add a code like the following image with your blog is. We will assign this code class rel ...

Widget by Css Reflex | TutZone

ColorBox Blogger integration Section 3

Application to both the third part Colorbox jQuery Lihgtbox start.

Colorbox Example4

Visit to Colorbox Example4 Demo

</head> Add the following code immediately above the code

  <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example4/colorbox.css" />

<!--[if IE]>

<link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example4/colorbox-ie.css" title="example" />

<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//Examples of how to assign the ColorBox event to elements

$("a[rel='example1']").colorbox();

$("a[rel='example2']").colorbox({transition:"fade"});

$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

$("a[rel='example4']").colorbox({slideshow:true});

$(".single").colorbox({}, function(){

alert('Howdy, this is an example callback.');

});

$(".colorbox").colorbox();

$(".youtube").colorbox({iframe:true, width:650, height:550});

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});



//Example of preserving a JavaScript event for inline calls.

$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");

return false;

});

});

</script>

If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become

Colorbox Example5

Visit to Colorbox Example5 Demo

</head> Add the following code immediately above the code

  <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example5/colorbox.css" />

<!--

This example has no IE-Only Stylesheet because the theme uses no transparent png files.

-->



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//Examples of how to assign the ColorBox event to elements

$("a[rel='example1']").colorbox();

$("a[rel='example2']").colorbox({transition:"fade"});

$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

$("a[rel='example4']").colorbox({slideshow:true});

$(".single").colorbox({}, function(){

alert('Howdy, this is an example callback.');

});

$(".colorbox").colorbox();

$(".youtube").colorbox({iframe:true, width:650, height:550});

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});



//Example of preserving a JavaScript event for inline calls.

$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");

return false;

});

});

</script>

Visit to : Colorbox js v1.2.9 in Blogger Section One , Colorbox js v1.2.9 in Blogger Section Two , Colorbox js v1.2.9 in Blogger Section Four

Widget by Css Reflex | TutZone

ColorBox Blogger integration Section 2

Application to both the second part Colorbox jQuery Lihgtbox start.

Colorbox Example2

Visit to Colorbox Example2 Demo

</head> Add the following code immediately above the code

  <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example2/colorbox.css" />

<!--

This example has no IE-Only Stylesheet because the theme uses no transparent png files.

-->



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//Examples of how to assign the ColorBox event to elements

$("a[rel='example1']").colorbox();

$("a[rel='example2']").colorbox({transition:"fade"});

$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

$("a[rel='example4']").colorbox({slideshow:true});

$(".single").colorbox({}, function(){

alert('Howdy, this is an example callback.');

});

$(".colorbox").colorbox();

$(".youtube").colorbox({iframe:true, width:650, height:550});

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});



//Example of preserving a JavaScript event for inline calls.

$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");

return false;

});

});

</script>

Colorbox Example3

Visit to Colorbox Example3 Demo

</head> Add the following code immediately above the code

  <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example3/colorbox.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//Examples of how to assign the ColorBox event to elements

$("a[rel='example1']").colorbox();

$("a[rel='example2']").colorbox({transition:"fade"});

$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

$("a[rel='example4']").colorbox({slideshow:true});

$(".single").colorbox({}, function(){

alert('Howdy, this is an example callback.');

});

$(".colorbox").colorbox();

$(".youtube").colorbox({iframe:true, width:650, height:550});

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});



//Example of preserving a JavaScript event for inline calls.

$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");

return false;

});

});

</script>

Visit to : Colorbox js v1.2.9 in Blogger Section One , Colorbox js v1.2.9 in Blogger Section Three , Colorbox js v1.2.9 in Blogger Section Four

Widget by Css Reflex | TutZone

ColorBox Blogger integration Section 1

Learn how to use the platform before colorbox told blogger application. Application of the most familiar application of Colorbox lightbox is a clone. Colorbox application and speed, and usability, but also work seamlessly in all browsers because of my profile, my priority.

One of the most advanced derivative lightbox Multibox application that has integrated one of the blogger platform 100% I decided to use the application colorbox.

Multibox application of the integration of Turkish blogger can visit here for installation guide ...

Wordy blogger platform integrated into the application and use colorbox tell methods.

Describes five different types of application separately Colorbox will. First, I will at the beginning of explanation: I recommend you take a look at the demo. So you may decide to use which kind of colorbox.

After the application code Colorbox types of images, video, or you can use links within the page also will describe the code. Please give example from 1 until 5 of the example of my code wait. The last course I will tell them ...

Colorbox Example1

Visit to Colorbox Example1 Demo

</head> Add the following code immediately above the code

  <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example1/colorbox.css" />

<!--[if IE]>

<link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example1/colorbox-ie.css" title="example" />

<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//Examples of how to assign the ColorBox event to elements

$("a[rel='example1']").colorbox();

$("a[rel='example2']").colorbox({transition:"fade"});

$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

$("a[rel='example4']").colorbox({slideshow:true});

$(".single").colorbox({}, function(){

alert('Howdy, this is an example callback.');

});

$(".colorbox").colorbox();

$(".youtube").colorbox({iframe:true, width:650, height:550});

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});



//Example of preserving a JavaScript event for inline calls.

$("#click").click(function(){ 

$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");

return false;

});

});

</script>

Visit to : Colorbox js v1.2.9 in Blogger Section Two , Colorbox js v1.2.9 in Blogger Section Three , Colorbox js v1.2.9 in Blogger Section Four

Widget by Css Reflex | TutZone

Tmobi

ColorBox Blogger integration Section 4

ColorBox Blogger integration Section 3

ColorBox Blogger integration Section 2

ColorBox Blogger integration Section 1

TeknoMobi Posts

Blogger Templates

Followers

Labels

Testimonials

Phasellus id purus