Print this page
Monday, 28 January 2013 14:24

how to show content on a tiny box popup

Written by 
Rate this item
(1 Vote)

sometimes it's needed to show some content or image
in popup on a button click.tinybox is the cool and nice
way to that efficiently.

this will show content in smooth popup along with animation
when popup is loading,content are loading...

following is a good example on how to do that -


at first add tinybox.js script reference along with jquery
script reference too.you can download tinybox script file
from tinybox website.if you did not find contact me.

then in script section add -

$(document).ready(function () {

var content2 = "<img src='../content/content.jpg' width='251px' height='266px' alt='securityCode' />";
T$('testclick1').onclick = function () { TINY.box.show(content2, 0, 0, 0, 1) }

});

add the following html codes in page -

<div id="testclick1" style="color: #3278f9; cursor:pointer;cursor:hand;">

<b>where is my card code?</b>

</div>

when clicked in above text tiny box is shown as a popup with content..

Read 10605 times
Super User

Email This email address is being protected from spambots. You need JavaScript enabled to view it.
7