colorbox image bbcode

[cisco007]

[bbcodet]Title:[/bbcodet]colorbox image bbcode
[bbcodet]Description:[/bbcodet] post images in a lightbox style popup using jquery
[bbcodet]Author(s)/or Link:[/bbcodet]bbcode by me script from: Colorbox
Request?: no!
[bbcodet]Notes:[/bbcodet]if posted image seems distorted, change the [c]max-height and max-width[/c]
Extract folder and upload to root of forum, where the config.php file resides!
[i_i]BBcode usage:

Code: Select all

[colorbox]{URL},{SIMPLETEXT}[/colorbox]

[/i_i]
[i_i]HTML replacement:

Code: Select all

<link rel="stylesheet" href="./colorbox/colorbox.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="./colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".album").colorbox({rel:'album', slideshow:true, slideshowSpeed:3500, transition:"fade", scalePhotos:true, maxWeight:"95%", maxHeight:"90%", fixed:true});
</script>
<a class="album" href="{URL}" title="{SIMPLETEXT}" style="text-decoration:none;"><img src="{URL}" alt="#" style="max-width: 250px;max-height: 190px; /></a>

[/i_i]
[i_i]Helpline:

Code: Select all

[colorbox]image url, description[/colorbox]

[/i_i]
[i_i]Example:

Code: Select all

[colorbox]http://www.stuffsingledudeslike.com/wp-content/uploads/2011/09/hot-chicks.jpg,look hot chicks[/colorbox]

[/i_i]
[bbcodet]DEMO:[/bbcodet]

[colorbox]http://www.stuffsingledudeslike.com/wp- ... s.jpg,look hot chicks[/colorbox]

[bbcodet]Faq:[/bbcodet]

1. You can also use this plugin for youtube video!
   [spoiler][bbcodet]Title:[/bbcodet]Youtube lightbox bbcode
   [bbcodet]Description:[/bbcodet] this plugin also let's you post youtube videos on your posts
   [bbcodet]Author(s)/or Link:[/bbcodet]bbcode by me script from: Colorbox
   Request?: no
   [bbcodet]Notes:[/bbcodet] none
   [i_i]BBcode usage:

   Code: Select all

   [colorboxyt]http://www.youtube.com/watch?v={SIMPLETEXT}[/colorboxyt]

   [/i_i]
   [i_i]HTML replacement:

   Code: Select all

   <link rel="stylesheet" href="./colorbox/colorbox.css" />
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <script src="./colorbox/jquery.colorbox.js"></script>
   <script>
   $(document).ready(function(){
   $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:425, fixed:true});
   });
   </script>
   <a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?version=3&wmode=transparent" title="youtube video"><img style="width: 130px; height: 97px; border:1px solid black;" alt="YouTube Video " src="http://i3.ytimg.com/vi/{SIMPLETEXT}/default.jpg" /></a>
   

   [/i_i]
   [i_i]Helpline:

   Code: Select all

   [colorboxyt]youtube video url[/colorboxyt]

   [/i_i]
   [i_i]Example:

   Code: Select all

   [colorboxyt]http://www.youtube.com/watch?v=617ANIA5Rqs[/colorboxyt]

   [/i_i]
   [bbcodet]DEMO:[/bbcodet]
   [colorboxyt]http://www.youtube.com/watch?v=617ANIA5Rqs[/colorboxyt][/spoiler]

[bbcodet]DOWNLOAD:[/bbcodet]

[download=http://rapidshare.com/files/3898635185/colorbox.zip]colorbox image plugin,5-22-11,upload folder to root of forum![/download]