Turki
09-15-2012, 07:35 PM
Hi. I have been trying to resolve this the whole day and I would so so so appreciate your help. I have written the following code in a notepad saved with .html extension and it works just fine:
<html>
<!-- Start VideoLightBox.com HEAD section -->
<style type="text/css" media="all"><!--
/* the overlayed element */
.videogallery {
width:570px;
zoom:1;
}
.videogallery span{ display:block; }
.videogallery a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:0px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
}
.videogallery a.videolb{display:none}
.videogallery a img{
display:block;
border:none;
margin:0;
}
.videogallery a:hover{
text-decoration:underline;
opacity:1;
}
--></style>
<style type="text/css" media="all"><!--
/* the overlayed element */
div#voverlay {
/* growing background image */
background-image:url("https://lh4.googleusercontent.com/-swPZYD6B8e0/UFSj_P8jHvI/AAAAAAAAAL8/6masPE--Yu0/s690/back.png");
/* dimensions after the growing animation finishes */
width:640px;
height:480px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely */
padding:30px 30px 32px 30px;
}
/* default close button positioned on upper right corner */
div#voverlay .close {
background:url("https://lh3.googleusercontent.com/-uKwf6te0o7I/UFSj-ZMJkfI/AAAAAAAAAL0/rkYzhs9pKp8/s64/close.png") 0 0;
position:absolute;
right:4px;
top:4px;
cursor:pointer;
height:32px;
width:32px;
}
div#voverlay .close:hover {
background-position:0 100%;
}
div#vcontainer{
left:0;
top:0;
width:100%;
height:100%;
background:url("https://lh5.googleusercontent.com/-WDxJRaHdfvw/UFSj88HVv4I/AAAAAAAAALs/BvKGRYj1vls/s32/loading.gif") no-repeat 50% 50%;
}
--></style>
<script src="http://yourjavascript.com/1218643921/jquery.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/6031929912/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
<!-- Start VideoLightBox.com BODY section -->
<div class="videogallery">
<a class="voverlay" href="http://www.youtube.com/v/4s8bGK2muPk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award"><img src="https://lh6.googleusercontent.com/-PH-MHueKVPI/UFSkFIad-dI/AAAAAAAAAMo/Y_ZfHhKrLrA/s160/0.png" alt="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/mLDU_5PzJg0?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/uO-YzgXSZBg?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/O-riRColkLw?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh"><img src="https://lh5.googleusercontent.com/-FwqO-D6kHBw/UFSkCZPL1nI/AAAAAAAAAMQ/G7rRyIH0B2c/s160/3.png" alt="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/bzgfpFlrBjs?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX Software (BD) Ltd. - About Us"><img src="https://lh5.googleusercontent.com/-MiQ9Tk7M398/UFSkBuOy1GI/AAAAAAAAAMM/WXmNGDKzhk8/s160/4.png" alt="IBCS-PRIMAX Software (BD) Ltd. - About Us" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/CYV2Udjuqtk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV"><img src="https://lh3.googleusercontent.com/-lc06v7QKPVo/UFSkAyCzTYI/AAAAAAAAAME/omd-6wiPvgc/s160/5.png" alt="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV" /><span></span></a>
</div>
<script src="http://yourjavascript.com/7692117253/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/9642211396/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com BODY section -->
</html>
But when the copy and paste the code without the beginning and ending html tags in my blog post, the video does not pop up. Kindly check this link: http://bangladesh-it-company.blogspot.com/2012/09/ibcs-primax-video-gallery.html
What am I doing wrong? Please help, I will be so grateful.
Kind Regards,
Laura
<html>
<!-- Start VideoLightBox.com HEAD section -->
<style type="text/css" media="all"><!--
/* the overlayed element */
.videogallery {
width:570px;
zoom:1;
}
.videogallery span{ display:block; }
.videogallery a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:0px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
}
.videogallery a.videolb{display:none}
.videogallery a img{
display:block;
border:none;
margin:0;
}
.videogallery a:hover{
text-decoration:underline;
opacity:1;
}
--></style>
<style type="text/css" media="all"><!--
/* the overlayed element */
div#voverlay {
/* growing background image */
background-image:url("https://lh4.googleusercontent.com/-swPZYD6B8e0/UFSj_P8jHvI/AAAAAAAAAL8/6masPE--Yu0/s690/back.png");
/* dimensions after the growing animation finishes */
width:640px;
height:480px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely */
padding:30px 30px 32px 30px;
}
/* default close button positioned on upper right corner */
div#voverlay .close {
background:url("https://lh3.googleusercontent.com/-uKwf6te0o7I/UFSj-ZMJkfI/AAAAAAAAAL0/rkYzhs9pKp8/s64/close.png") 0 0;
position:absolute;
right:4px;
top:4px;
cursor:pointer;
height:32px;
width:32px;
}
div#voverlay .close:hover {
background-position:0 100%;
}
div#vcontainer{
left:0;
top:0;
width:100%;
height:100%;
background:url("https://lh5.googleusercontent.com/-WDxJRaHdfvw/UFSj88HVv4I/AAAAAAAAALs/BvKGRYj1vls/s32/loading.gif") no-repeat 50% 50%;
}
--></style>
<script src="http://yourjavascript.com/1218643921/jquery.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/6031929912/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
<!-- Start VideoLightBox.com BODY section -->
<div class="videogallery">
<a class="voverlay" href="http://www.youtube.com/v/4s8bGK2muPk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award"><img src="https://lh6.googleusercontent.com/-PH-MHueKVPI/UFSkFIad-dI/AAAAAAAAAMo/Y_ZfHhKrLrA/s160/0.png" alt="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/mLDU_5PzJg0?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/uO-YzgXSZBg?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/O-riRColkLw?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh"><img src="https://lh5.googleusercontent.com/-FwqO-D6kHBw/UFSkCZPL1nI/AAAAAAAAAMQ/G7rRyIH0B2c/s160/3.png" alt="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/bzgfpFlrBjs?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX Software (BD) Ltd. - About Us"><img src="https://lh5.googleusercontent.com/-MiQ9Tk7M398/UFSkBuOy1GI/AAAAAAAAAMM/WXmNGDKzhk8/s160/4.png" alt="IBCS-PRIMAX Software (BD) Ltd. - About Us" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/CYV2Udjuqtk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV"><img src="https://lh3.googleusercontent.com/-lc06v7QKPVo/UFSkAyCzTYI/AAAAAAAAAME/omd-6wiPvgc/s160/5.png" alt="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV" /><span></span></a>
</div>
<script src="http://yourjavascript.com/7692117253/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/9642211396/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com BODY section -->
</html>
But when the copy and paste the code without the beginning and ending html tags in my blog post, the video does not pop up. Kindly check this link: http://bangladesh-it-company.blogspot.com/2012/09/ibcs-primax-video-gallery.html
What am I doing wrong? Please help, I will be so grateful.
Kind Regards,
Laura