Clearbox Lightbox Problem
i'm using clearbox lightbox widget as my websites photo gallery, but an issue arises when it comes to displaying the images and that is, the hidden layer doesnot cover up the whole page
html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Okwea ~ Projects</title>
<link rel="icon" type="image/png" href="images/okwea.ico">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/flexslider.css" rel="stylesheet" type="text/css">
<style>
@import url("modernpics/stylesheet.css");
@import url("Impact_Label_Reversed/stylesheet.css");
@import url("webfonts/AlexBrush_Regular_OTF/stylesheet.css");
</style>
<script src="js/modernizr-2.5.2-respond-1.1.0.min.js" type="text/javascript"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/clearbox.js" type="text/javascript"></script>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2827522" binding="#OAWidget" />
<oa:widget wid="2648024" binding="#OAWidget" />
</oa:widgets>
-->
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2648024: #OAWidget */
.container {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 5px;
font-size: 11px;
.item a img {
float: left;
padding: 3px;
background-color: #FFF;
margin: 5px;
border: 1px solid #cccccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: .8;
.item a:hover img, .item a:active img {
padding: 3px;
border: 1px solid #cccccc;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 1;
.clearfix:after{
clear:both;
#inline{
visibility: hidden;
color:#444;
/* EndOAWidget_Instance_2648024 */
</style>
</head>
<body id="projects">
<div class="wrapper">
<header>
<table width="100%">
<tr>
<td><img src="images/okwea logo.png" alt="logo" width="247" height="140" class="animated bounceInRight"></td>
<td><img src="images/ban2.jpg" alt="logo" width="735"></td>
</tr>
</table>
<table width="100%" border="0">
<tr height="50px">
<td width="15%" style="padding:5px; "><a href="index.html" class="menu" id="nav-home">Home</a></td>
<td width="19%" style="padding:5px; "><a href="company.html" class="menu" id="nav-company">Company Profile</a></td>
<td width="17%" style="padding:5px; "><a href="projects.html" class="menu" id="nav-projects">Projects</a></td>
<td width="14%" style="padding:5px; "><a href="about.html" class="menu" id="nav-about">About Us</a></td>
<td width="17%" style="padding:5px;" ><a href="contact.html" class="menu" id="nav-contact">Contact Us</a></td>
</tr>
</table>
<br>
</header>
<div class="content">
<table width="100%" cellspacing="20px">
<tr>
<td colspan="2"><h1>Okwea Projects</h1></td>
</tr>
<tr>
<td width="50%" style=" box-shadow: 0px 1px 10px 1px rgba(102,102,102,1); text-align:left; padding-left:10px;"><p style="font-size:16px; text-decoration:underline;">Renovation and Roofing White Sands Hotel - Malindi
<script type="text/javascript">
// BeginOAWidget_Instance_2648024: #OAWidget
// ClearBox Config File (JavaScript)
var
// CB layout:
CB_MinWidth=300, // minimum (only at images) or initial width of CB window
CB_MinHeight=300, // initial heigth of CB window
CB_WinPadd=15, // padding of the CB window from sides of the browser
CB_ImgBorder=3, // border size around the picture in CB window
CB_ImgBorderColor='#FFF', // border color around the picture in CB window
CB_Padd=4, // padding around inside the CB window
CB_BodyMarginLeft=0, //
CB_BodyMarginRight=0, // if you set margin to <body>,
CB_BodyMarginTop=0, // please change these settings!
CB_BodyMarginBottom=0, //
CB_ShowThumbnails='auto', // it tells CB how to show the thumbnails ('auto', 'always' or 'off') thumbnails are only in picture-mode!
CB_ThumbsBGColor='#000', // color of the thumbnail layer
CB_ThumbsBGOpacity=.35, // opacity of the thumbnail layer
CB_ActThumbOpacity=.65, // thumbnail opacity of the current viewed image
CB_SlideShowBarColor='#FFF', // color of the slideshow bar
CB_SlideShowBarOpacity=.60, // opacity of the slideshow bar
CB_SlideShowBarPadd=17, // padding of the slideshow bar (left and right)
CB_SlideShowBarTop=2, // position of the slideshow bar from the top of the picture
CB_SimpleDesign='off', // if it's 'on', CB doesn't show the frame but only the content - really nice
CB_CloseBtnTop=-10, // vertical position of the close button in picture mode
CB_CloseBtnRight=-14, // horizontal position of the close button in picture mode
CB_CloseBtn2Top=-20, // vertical position of the close button in content mode
CB_CloseBtn2Right=-30, // horizontal position of the close button in content mode
CB_OSD='off', // turns on OSD
CB_OSDShowReady='off', // when clearbox is loaded and ready, it shows an OSD message
// CB font, text and navigation (at the bottom of CB window) settings:
CB_FontT='Verdana', //
CB_FontSizeT=13, // these variables are referring to the title or caption line
CB_FontColorT='#777', //
CB_FontWeightT='normal', //
CB_FontC='arial', //
CB_FontSizeC=11, // these variables are referring to
CB_FontColorC='#999', // comment lines under the title
CB_FontWeightC='normal', //
CB_TextAlignC='justify', //
CB_txtHCMax=120, // maximum height of the comment box in pixels
CB_FontG='arial', //
CB_FontSizeG=11, // these variables are referring to the gallery name
CB_FontColorG='normal', //
CB_FontWeightG='@@CB_FontWeightG@@', //
CB_PadT=10, // space in pixels between the content and the title or caption line
CB_OuterNavigation='off', // turns outer navigation panel on
CB_ShowURL='off', // it shows the url of the content if no title or caption is given
CB_ItemNum='on', // it shows the ordinal number of the content in galleries
CB_ItemNumBracket='()', // whatever you want
CB_ShowGalName='', // it shows gallery name
CB_TextNav='on', // it shows previous and next navigation
CB_NavTextImgPrvNxt='on', // it shows previous and next buttons instead of text
CB_ShowDL='on', // it shows download controls
CB_NavTextImgDL='on', // it shows download buttons instead of text
CB_ImgRotation='on', // it shows the image rotation controls
CB_NavTextImgRot='on', // it shows the image rotation buttons instead of text
// Settings of the document-hiding layer:
CB_HideColor='#000', // color of the layer
CB_HideOpacity=.8, // opacity (0 is invisible, 1 is 100% color) of the layer
CB_HideOpacitySpeed=400, // speed of fading
CB_CloseOnH='on', // CB will close, if you click on background
// CB animation settings:
CB_Animation='double', // 'double', 'normal', 'off', 'grow', 'growinout' or 'warp' (high cpu usage)
CB_ImgOpacitySpeed=300, // speed of content fading (in ms)
CB_TextOpacitySpeed=300, // speed of text fading under the picture (in ms)
CB_AnimSpeed=300, // speed of the resizing animation of CB window (in ms)
CB_ImgTextFade='on', // turns on or off the fading of content and text
CB_FlashHide='on', // it hides flash animations on the page before CB starts
CB_SelectsHide='on', // it hides select boxes on the page before CB starts
CB_SlShowTime=3000, // default speed of the slideshow (in sec)
CB_Preload='on', // preload neighbour pictures in galleries
CB_ShowLoading='on' //
// EndOAWidget_Instance_2648024
</script>
</p>
<table width="100%" border="0"><tr>
<td width ="211" valign="middle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas, mauris ut mattis ultricies, magna sapien tempus sem, porta faucibus nibh quam et orci. Cras congue, odio nec tempus ornare, lacus diam dignissim arcu, nec mattis mi turpis et risus. Duis ut velit ac nibh tempus hendrerit. Quisque condimentum, tellus at laoreet viverra, dui eros congue</td>
<td colspan="2"valign="top"><div align="right"><img src="images/w2.jpg" width="231" height="203" alt="plan1"></div></td>
</tr>
<tr>
<td width="211" valign="top"> </td>
<td width="212" valign="top">© Okwea Construction</td>
</tr>
</table>
<div class="container clearfix">
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Architecture at its peak]" href="images/w1.jpg" title="Dubai"><a rel="clearbox[gallery=Gallery,,comment=Architecture at its peak]" href="images/w1.jpg" title="Dubai"><img class="border" src="thumbs/t1.png" alt="Dancers in Red" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Breath taking]" href="images/w2.jpg" title="Seria"><img class="border" src="thumbs/t2.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w3.jpg" title="Yosemite 1"><img class="border" src="thumbs/t3.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w4.jpg" title="Yosemite 1"><img class="border" src="thumbs/t4.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w5.jpg" title="Yosemite 1"><img class="border" src="thumbs/t5.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w6.jpg" title="Yosemite 1"><img class="border" src="thumbs/t6.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Home away from home]" href="images/w7.jpg" title="Thailad"><img class="border" src="thumbs/t7.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w8.jpg" title="Yosemite 1"><img class="border" src="thumbs/t8.png" alt="" /></a></div>
</div><br><br></td>
<td width="50%" style=" box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);text-align:left;"><p style="font-size:16px; text-decoration:underline; ">Nobel Apartments</p>
<table width="100%" border="0"><tr>
<td width ="211" valign="middle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas, mauris ut mattis ultricies, magna sapien tempus sem, porta faucibus nibh quam et orci. Cras congue, odio nec tempus ornare, lacus diam dignissim arcu, nec mattis mi turpis et risus. Duis ut velit ac nibh tempus hendrerit. Quisque condimentum, tellus at laoreet viverra, dui eros congue</td>
<td colspan="2"valign="top"><div align="right"><img src="images/w2.jpg" width="231" height="203" alt="plan1"></div></td>
</tr>
<tr>
<td width="211" valign="top"> </td>
<td width="212" valign="top">© Okwea Construction</td>
</tr>
</table>
<div class="container clearfix">
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Architecture at its peak]" href="images/w1.jpg" title="Dubai"><a rel="clearbox[gallery=Gallery,,comment=Architecture at its peak]" href="images/w1.jpg" title="Dubai"><img class="border" src="thumbs/t1.png" alt="Dancers in Red" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Breath taking]" href="images/w2.jpg" title="Seria"><img class="border" src="thumbs/t2.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w3.jpg" title="Yosemite 1"><img class="border" src="thumbs/t3.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w4.jpg" title="Yosemite 1"><img class="border" src="thumbs/t4.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w5.jpg" title="Yosemite 1"><img class="border" src="thumbs/t5.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w6.jpg" title="Yosemite 1"><img class="border" src="thumbs/t6.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Home away from home]" href="images/w7.jpg" title="Thailad"><img class="border" src="thumbs/t7.png" alt="" /></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Yosemite#1]" href="images/w8.jpg" title="Yosemite 1"><img class="border" src="thumbs/t8.png" alt="" /></a></div>
</div><br><br></td>
</tr>
<tr>
<td style=" box-shadow: 0px 1px 10px 1px rgba(102,102,102,1); text-align:left; padding-left:10px">
<p style="font-size:16px; text-decoration:underline;">Kentan Patek Residence House Plans</p>
<table width="100%" border="0"><tr>
<td width ="211" valign="middle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas, mauris ut mattis ultricies, magna sapien tempus sem, porta faucibus nibh quam et orci. Cras congue, odio nec tempus ornare, lacus diam dignissim arcu, nec mattis mi turpis et risus. Duis ut velit ac nibh tempus hendrerit. Quisque condimentum, tellus at laoreet viverra, dui eros congue</td>
<td colspan="2"valign="top"><div align="right"><img src="images/w2.jpg" width="231" height="203" alt="plan1"></div></td>
</tr>
<tr>
<td width="211" valign="top"> </td>
<td width="212" valign="top">© Okwea Construction</td>
</tr>
</table></td>
<td style=" box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);"><p style="font-size:16px; text-decoration:underline; text-align:left">Mr and Mrs VIdu Semi-Detached House Plans</p>
<table width="100%" border="0"><tr>
<td width ="211" valign="middle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas, mauris ut mattis ultricies, magna sapien tempus sem, porta faucibus nibh quam et orci. Cras congue, odio nec tempus ornare, lacus diam dignissim arcu, nec mattis mi turpis et risus. Duis ut velit ac nibh tempus hendrerit. Quisque condimentum, tellus at laoreet viverra, dui eros congue</td>
<td colspan="2"valign="top"><div align="right"><img src="images/w2.jpg" width="231" height="203" alt="plan1"></div></td>
</tr>
<tr>
<td width="211" valign="top"> </td>
<td width="212" valign="top">© Okwea Construction</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" style="padding:20px">
<table width="100%">
<tr>
<td bgcolor="#fff"; style="border-radius:7px; padding:20px; padding-top:0px; text-align:left;box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);"><h1>On-going Projects</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet sollicitudin ipsum. Nulla malesuada vehicula purus, in cursus ante accumsan sit amet. Aliquam tristique, lectus et ullamcorper pretium, ipsum leo volutpat urna, fringilla dictum diam est nec enim. Maecenas sollicitudin lobortis consequat. </p>
<p>Quisque placerat aliquam luctus. Cras dapibus, nulla sed scelerisque lobortis, purus velit faucibus libero, vel consequat quam sem vitae turpis. Maecenas nec quam tortor. Proin ornare sapien vitae tortor laoreet interdum. Aenean rutrum scelerisque eros sit amet tristique. Sed congue sagittis lectus ac blandit. </p>
<p>Vivamus leo libero, vulputate non aliquet at, mattis eu est. Nunc ac turpis dolor, vel congue magna. Sed eu velit nisi. </p></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</div>
</div>
<footer>
<table width="100%" height="90%" cellpadding="7px">
<tr style="font-family:13px; background-color:#373737; color:rgba(255,198,43,1);">
<td width="27%" height="43" style="border-radius:7px; border:solid 0.2em #8b5e3b; ">CONTACT INFO</td>
<td width="37%" style=" color:#ffeebf; border-radius:7px; background-color:#8b5e3b; border:solid 0.2em rgba(255,198,43,1);"> SOCIAL MEDIA</td>
<td width="36%" style="border-radius:7px; border:solid 0.2em #8b5e3b;">ABOUT US</td>
</tr>
<tr style="font-size: 13px; font-family: Tahoma, Geneva, sans-serif;">
<td valign="top" ><p><strong>Our Location</strong>:<br>
Athi river<br>
Mavoco Municipal council</p>
<p><strong>Address:</strong><br>
Okwea Construction Comany<br>
P.O. Box 550- 50400<br>
Nairobi</p>
<p><strong>Telephone:</strong><br>
+ 254 720 306 346</p>
<p>
+ 254 721 400 433</p>
<p> </p></td>
<td style="border-left: 1px solid #8b5e3b; ; border-right: 1px solid #8b5e3b; );font-family: Tahoma, Geneva, sans-serif;"><table width="100%">
<tr>
<td align="right"><span class="icons">G</span></td>
<td align="left">[email protected]</td>
</tr>
<tr>
<td align="right"><span class="icons">t</span></td>
<td align="left">#[email protected]</td>
</tr>
</table><form name="form2" method="post" action="">
<label for="news"><b>Sign up for the Newsletter</b></label>
<br><br>
<input type="text" name="news" id="news" placeholder="Email">
<input type="submit" name="button2" id="button2" value="m" class="buttons" >
</form></p>
<p><b>Email Us</b></p>
<p><span class="icons" style="font-size:18px">V</span>[email protected]</p>
</td>
<td valign="top"><p>OKWEA CONSTRUCTION CO.LTD is an accomplished, experienced and highly geared Civil Engineering establishment.
The company delivers a full scope of Civil Engineering works on several sites at any given time. </p>
<p>We operate both as the principal contractor for projects both in the private and public sector with an extensive client base ranging from international donor organizations, city councils, local authorities, developers and national and international airports.</p>
<p>Additionally, the company is fully facilitated to operate several projects simultaneously, even if sites are geographically located far apart from each one another. </p></td>
</tr>
</table></footer>
</body>
</html>
main. css
body, html{
height:100%;
margin:0;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
background:#ffc62c;
.wrapper{
left:10%;
min-height:100%;
width:80%;
text-align:center;
margin-left:auto;
margin-right:auto;
header{
padding-top: 25px;
height:200px;
background-color:#fff;
display: block;
box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);
.content{
padding-bottom: 330px;
background-color:#fff;
box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);
padding-top: 20px;
footer{
height: 330px;
width: 100%;
background: #f0f0f0;
margin-top: -330px;
display: block;
width: 80%;
left: 10%;
margin-left: auto;
margin-right: auto;
text-align: center;
box-shadow: 0px 1px 10px 1px rgba(102,102,102,1);
border-radius: 7px 7px 0px 0px;
a.menu {
display: block;
width: auto;
height: auto;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
cursor: pointer;
text-wrap: none;
background:#373737;
border-radius: 7px;
color: #ffc62c;
line-height: 180%;
a.menu:hover {
border-radius:7px;
color:#000000;
background-color:#ffc62c;
border:solid #000000 0.2em;
font-size:larger;
.buttons{
font-family:modernpics;
font-size:18px;
cursor:pointer;
color:#8b5e3b;
.buttons:hover{
color:#000000;
.icons{
font-family:modernpics;
font-size:50px;
color:#8b5e3b;
h1,h2,h3,h4,h5,h6 {
font-family:"Impact Label Reversed";
h1 {
font-size: 30px;
color:#8b5e3b;
text-decoration:underline;
body#home a#nav-home,
body#company a#nav-company,
body#projects a#nav-projects,
body#about a#nav-about,
body#contact a#nav-contact
background:#ffc62c;
color:rgba(0,0,0,1);
border:solid #000000 0.2em;
Similar Messages
-
Problem with Clearbox Lightbox
Hi Everyone,
I'm using Clearbox Lightbox 2.0. My thumbnails keep "jumping around" when I move the curser over them. Can anyone advise me on how I can get these thumbnails to remain still?
Thanks!Here's the link to my website.
http://www.labelsnlogos.com/LNL%20portfolio%202.html
Hopefully there is something I can do about the thumbnails moving around. -
Hi evryone
i've got the problem, that in chrome my pictures in the lightbox don't show, sometimes for really short intervals it works but most time you can't see them.
In Safari on Mac evrything works properly so i really don't get it, any solutions? thanks a lot and sorry for my bad english
my site: conweimar.deThanks! So in the next patch? greetings,
-
Hi
Im using a lightbox on a site.
And it launches in a new window everytime! really annoying. i
didnt know where to post this problem.
I have checked all the links in the javascript and css and
they all work.
any ideas?I don't think you will be able to use lightbox successfully
on an area tag.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"brisboy" <[email protected]> wrote in
message
news:[email protected]...
> Hi
> Im using a lightbox on a site.
> And it launches in a new window everytime! really
annoying. i didnt know
> where
> to post this problem.
> I have checked all the links in the javascript and css
and they all work.
> any ideas?
> www.jack-johns.co.uk
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
> <html>
> <head>
> <title>:: JACK JOHNS ::</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <script type="text/javascript"
src="js/prototype.js"></script>
> <script type="text/javascript"
>
src="js/scriptaculous.js?load=effects,builder"></script>
> <script type="text/javascript"
src="js/lightbox.js"></script>
> <link rel="stylesheet" href="css/lightbox.css"
type="text/css"
> media="screen"
> />
>
> <script language="JavaScript"
type="text/JavaScript">
> <!--
> function MM_swapImgRestore() { //v3.0
> var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a
)&&x.oSrc;i++)
> x.src=x.oSrc;
> }
>
> function MM_preloadImages() { //v3.0
> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
> var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0;
> i<a.length;
> i++)
> if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
> d.MM_p[j++].src=a
> }
>
> function MM_findObj(n, d) { //v4.01
> var p,i,x; if(!d) d=document;
>
if((p=n.indexOf("?"))>0&&parent.frames.length) {
> d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
> if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++)
> x=d.forms[n];
>
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
> x=MM_findObj(n,d.layers
.document);
> if(!x && d.getElementById)
x=d.getElementById(n); return x;
> }
>
> function MM_swapImage() { //v3.0
> var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
Array;
> for(i=0;i<(a.length-2);i+=3)
> if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
if(!x.oSrc)
> x.oSrc=x.src; x.src=a[i+2];}
> }
> //-->
> </script>
> </head>
>
> <body bgcolor="#959599"
>
onLoad="MM_preloadImages;initLightbox('jpegs/rolls/animal.gif','jpegs/rolls/ript
>
ide.gif','jpegs/rolls/360.gif','jpegs/rolls/mojo.gif')">
> <table width="784" height="736" border="0"
align="center" cellpadding="0"
> cellspacing="0">
> <tr>
> <td width="113" height="25"> </td>
> <td width="671" rowspan="2" align="left"
valign="top"><img
> src="jpegs/montagegrey.jpg" width="671" height="729"
border="0"
> usemap="#Map"></td>
> </tr>
> <tr>
> <td align="right" valign="top"> <table
width="113" border="0"
> cellspacing="0" cellpadding="0">
> <tr>
> <td width="256" align="right"><img
src="jpegs/rolls/name.gif"
> width="113" height="94"></td>
> </tr>
> <tr>
> <td align="right"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image3','','jpegs/rolls/animal.gif',1)"><img
> src="jpegs/rolls/animald.gif" name="Image3" width="110"
height="71"
> border="0"></a></td>
> </tr>
> <tr>
> <td align="right"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image4','','jpegs/rolls/riptide.gif',1)"><img
> src="jpegs/rolls/riptided.gif" name="Image4" width="110"
height="42"
> border="0"></a></td>
> </tr>
> <tr>
> <td align="right"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image5','','jpegs/rolls/360.gif',1)"><img
> src="jpegs/rolls/360d.gif" name="Image5" width="110"
height="25"
> border="0"></a></td>
> </tr>
> <tr>
> <td align="right"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image6','','jpegs/rolls/mojo.gif',1)"><img
> src="jpegs/rolls/mojod.gif" name="Image6" width="109"
height="43"
> border="0"></a></td>
> </tr>
> </table></td>
> </tr>
> </table>
> <map name="Map">
> <area shape="rect" coords="403,68,612,341"
> href="jpegs/coverage/cover.jpg"
> rel="lightbox">
> </map>
> </body>
> </html>
> -
Any clearbox lightbox widget users here? I have a question
I installed the widget on a test web page and it works correctly:
http://dirtysouthink.com/test/ch1/01_Begin/portfolio.html
When you click the dog tattoo thumbnail, the picture pops up in front of the panel to show a larger picture. You never leave the page.
HOWEVER:
When I install the same widget, the same way on the main site, when you click on any of the tattoos, the thumbnail targets a new window to show the larger picture. In other words, the user leaves the page to see the bigger picture.
http://dirtysouthink.com/gallery/jason3.html
I have no clue what is different. I installed the widget the exact same way as I did on the test page. Everything on both installs are in their own directory and are not sharing any of the css or js so there should be no conflicts.
Any help appreciated
!! Problem Solved !!.................................
Thanks to a post I found by Sudarshan Thiagarajan
http://forums.adobe.com/message/4769062#4769062
The clearbox.js wasn't pointing to the right directory to where the page is located.
This is the line in clearbox.js
var CB_ScriptDir='js/clearbox'; // RELATIVE to your html file!
The fix is simple and am posting here just incase someone else is having the same problem.
I made this change
var CB_ScriptDir='../js/clearbox'; // RELATIVE to your html file!
Works like a champ nowYou might have lost authorization would be my first guess. I would try re-authorizing first.
-
Having Trouble with my Clearbox Lightbox
Hi Everyone,
Hope someone can help me. I installed the Clearbox 3 Lightbox and made a "gallery". I have a footer with copyright info on the bottom of each page. On the page with the lightbox gallery, the copyright info is showing up on the side of the gallery. Does anyone have any idea why it's doing that? I want the copyright info to show on the bottom. I tried playing around with the html code, but the info still shows up next to the gallery.
The website is www.sainteustacefineart.com
Thanks!For footer, add this above your Copyright line:
<div style="clear:both;"></div>
<p>Copyright 2007-2013. Saint Eustace Fine Art. All rights reserved.</p>
For the image getting 'stuck', 3 image markups have an extra </a> tag. Remove that:
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 2003 - Previously on Extended Loan to MOBIA, NY - Collection of the Artist]" href="IMAGES/seed.jpg" title="Image: Seed of Divine Life"><img src="IMAGES/seed.jpg" width="61" height="72" alt="seed" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1995 - Private Collection]" href="IMAGES/through_fire.jpg" title="Through Fire: Holy Center"><img src="IMAGES/through_fire.jpg" width="61" height="72" alt="fire" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1992 - Collection of the Artist]" href="IMAGES/collapse.jpg" title="Collapse"><img src="IMAGES/Collapse.jpg" alt="collapse" width="61" height="72" class="item" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1996 - Collection of The Prudential, Newark, NJ]" href="IMAGES/Mystery of Iniquity.jpg" title="Mystery of Iniquity"><img src="IMAGES/Mystery of Iniquity.jpg" alt="Mystery of Iniquity" width="61" height="72" class="item" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Temporal Room Installation - Photo Documented - 1994]" href="IMAGES/Celestial Rose-Circles of Sanctity.jpg" title="The Celestial Rose : Circles of Sanctity"><img src="IMAGES/Celestial Rose-Circles of Sanctity.jpg" alt="The Celestial Rose : Circles of Sanctity" width="61" height="72" class="item" /></a></a></div>
You may want to validate our markup here: http://validator.w3.org/ and fix any errors. -
hi
i use a modal window (thickbox with jquery) on top of some sifr titles. To say it simply:
it doesn't work in safari 3! Has anyone solved the problem?
Thanks vittohi
i use a modal window (thickbox with jquery) on top of some sifr titles. To say it simply:
it doesn't work in safari 3! Has anyone solved the problem?
Thanks vitto -
Hi
My very first website using Dreamweaver and I am having a little issue with the slide show in IE8.
I have added HTML5Shiv which corrected a few other issues but the thumbnails take you to the first photo with no controls.
http://www.dinoandterry.co.uk
I don't really want to change widgets at this point.
And as it works in most other browsers, would really love a simple solution if there is one.
Have read a few other forum questions which have helped to get me to this point.
Thanks
KimOK. I see it on Places.
You have a significant number of HTML code errors. That's not a good thing.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.dinoandterry.co.uk%2FPlaces.h tml
As for the reliability of Clearbox. I don't know. I've never used it. I prefer Fancybox.
http://fancybox.net/
Nancy O. -
Hi, I have created a website featuring a lightbox on several pages. This works fine when I preview them, but isn't working on the live website - can anyone help?
here's the link to a temporary page: http://www.vdubbers.co.uk/hoodies.html
Thanks.Again, case may be an issue. Some servers will put all folders to lower case, which is why it is a good idea not to use upper case in your local root folder names so they don't throw things off when they are put to a server which may change them.
I get this error when trying to access the large image:
The requested URL /Images/LBoxLarge/HUD1B.jpg was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
That comes from either a missing file (which you have confirmed is NOT the case) or a bad file name/path name (folder or file name has been
modified on putting it to the server) -
Clearbox Lightbox, text alignment
Hi experts!
I have this problem I need some help with.
I want my text below the pictures which works fine, but as soon as I add more thumbnails and get multiple rows the textbox doesnt follow, but stays put, so it shows on top of the thumbnails.
I would really like the textbox to follow the boundary of the thumbnailbox
Sorry for my non-webdeveloper lingo
Would really appreciate your help folks!
/MattTo add to Murray's response which will remove the fixed position, your text will appear to the right of your images. To make it appear below all images (like in your working page), add this line before <div id="inline">:
<div style="clear: both;"></div>
This will clear floats for your image thumbnail container thereby pushing the inline text below it. -
LightBox problem - Close image too big
Is anyone here familiar with LightBox image show, please?
They have a image show, without the usual Windows icons and blue
frame. Have tried all sorts, but can't get it working. As there is
no documentation with the software, am rather lost...TC2112:
I have already done as you suggested above, before I posted
the code, which got cut-off at right margin, hence you did not see
the complete line. So here is a re-post ot it. But it still does
not work. The proper image image shows in a new blank window, at
0,0
Any suggestions, please?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body {scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:ff6347;
scrollbar-darkshadow-color:ffa500;
scrollbar-face-color:#17ac00;
scrollbar-highlight-color:#ccffff;
scrollbar-shadow-color:#f0f}
</style>
<script type="text/javascript"
src="js/prototype.js"></script>
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript"
src="js/lightbox.js"></script>
<link_rel="stylesheet" href="css/lightbox.css"
type="text/css" media="screen"/>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Canapes. Bespoke canapes in West London
area.</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null &&
!img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn =
img.src;
if ((nbArr = document[grpName]) == null) nbArr =
document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args
)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver
; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src
= img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args
)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
//-->
</script>
</head>
<body bgcolor="#EEFB95" text="#0000FF" link="#0000FF"
vlink="#0000FF" alink="#0000FF"
onLoad="MM_preloadImages('home_selected.jpg','home_over.jpg','services_selected.jpg',
'services_over.jpg','canapes_selected.jpg','gallery_selected.jpg',
'gallery_over.jpg','contact_selected.jpg',
'contact_over.jpg');initLightBox()">
<div id="Layer2" style="position:absolute; width:450px;
height:300px; z-index:2; left: 361px; top: 216px;">
<blockquote>
<p><font color="#0000A0" face="Verdana, Arial,
Helvetica, sans-serif">
<a href="pop/cold/cold_avocado_pop.jpg"
onClick="lightbox" >Avocado/cheese pate on
toast</a><br>
<a href="javascript:;">Bruschetta with various
toppings</a><br>
<a href="javascript:;">Bread sticks with Proscuitto
ham</a><br>
<a href="javascript:;">Celery sticks with cream
cheese</a><br>
<a href="javascript:;">Celery, cucumber, carrot
sticks</a><br>
<a href="javascript:;">Cheese balls with different
coatings</a><br>
<a href="javascript:;">Cheese cubes with
garnish</a><br>
<a href="javascript:;">Cheeses on water
wafers</a><br>
<a href="javascript:;">Cherry tomatoes with various
fillings</a><br>
<a href="javascript:;">Chicory leaves with various
fillings</a><br>
<a href="javascript:;">Cold meat slices on water
wafer</a><br>
<a href="javascript:;">Cucumber cups with various
fillings</a><br>
<a href="javascript:;">Devilled
eggs</a><br>
<a href="javascript:;">Filo cups with various
fillings</a><br>
<a href="javascript:;">Smoked salmon, cream cheese on
rye<br>
Tarts with various fillings</a></font></p>
<p></p>
<p><br>
</p>
</blockquote>
</div>
<h1 align="left"><img src="canapes_text.jpg"
width="881" height="543" hspace="45"
onbeforeunload="MM_preloadImages('canapes_text.jpg')"></h1>
<div id="Layer1" style="position:absolute; width:176px;
height:276px; z-index:1; left: 160px; top: 217px; visibility:
visible;"><br>
<a href="index1.htm" target="_top"
onClick="MM_nbGroup('down','group1','home','home_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','home','home_over.jpg','home_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="home_unsel.jpg"
alt="" name="home" border="0" align="absbottom"
onload=""></a><br>
<a href="services_page.htm" target="_top"
onClick="MM_nbGroup('down','group1','services','services_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','services','services_over.jpg','services_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="services_unsel.jpg"
alt="" name="services" border="0" onload=""></a><br>
<a href="canapes_main.htm" target="_top"
onClick="MM_nbGroup('down','group1','canapes','canapes_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','canapes','canapes_selected.jpg','canapes_selected.jpg',1) "
onMouseOut="MM_nbGroup('out')"><img
src="canapes_selected.jpg" alt="" name="canapes" border="0"
onload=""></a><br>
<a href="gallery_main.htm" target="_top"
onClick="MM_nbGroup('down','group1','gallery','gallery_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','gallery','gallery_over.jpg','gallery_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="gallery_unsel.jpg"
alt="" name="gallery" border="0" onload=""></a><br>
<a href="contact_page.htm" target="_top"
onClick="MM_nbGroup('down','group1','contact','contact_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','contact','contact_over.jpg','contact_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="contact_unsel.jpg"
alt="" name="contact" border="0" onload=""></a><br>
</div>
</body>
</html> -
Clearbox Lightbox - Turn of Slideshow?
Hi, I've used clearbox with some modifications to style a gallery - however the client wants to turn the slideshow function off and just have the images enlarge on click.
I thought I had got round this by simple making the slideshow button transparent so the user cannot cick on it and turning off the previous and next function - however I've just discovered that if I move the scroll wheel on my mouse the images start scrolling from one to the next - and the client specifically does not want this.
You can see what I mean here
http://www.creativeclout.co.uk/our_work.html
Can anyone help?
Thanks
ConnieImage maps, yuck!
Try this: I'll let you figure out the math. This is just a rough layout.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--LATEST JQUERY CORE LIBRARY-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!--FANCYBOX plugins-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
margin:0;
padding:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
section {
width:894px; /**adjust as needed**/
margin:0 auto;
display:table;
/**this styles image container**/
#thumbs p {
display:table-cell;
width: auto;
height: auto;
vertical-align:middle;
border:1px solid red;
text-align:center;
opacity:0.7;
#thumbs p:hover {opacity:1.0}
</style>
</head>
<body>
<div id="thumbs">
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>
<!--insert thumbnails with links to full size images below-->
<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/179x225.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/322x200.jpg" alt="" /></a>
</p>
</section>
<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
</section>
<section>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200.jpg" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/320x400.jpg" title="optional captions"><img src="http://placehold.it/268x200" alt="" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/179x225" alt="Thumbnail 6" /></a>
</p>
</section>
<!--end thumbs-->
</div>
<!--FancyBox function code-->
<script>
$(document).ready(function() {
$('.fancybox').fancybox();
</script>
</body>
</html>
Nancy O. -
Hello,
I am a student curator for Fairfax County Public Schools (FCPS). Currently we are working on a website that encorporates lightbox; unfortunately we have run into issues beyond myself. The lightbox works perfectly in dreamweaver live, yet when published on the fcps server the photos instead of loading on the page is brought towards the bottom of the page. I would appreciate the help.
Here is the published site http://www.fcps.edu/CentrevilleHS/kings_glen_elementary_school/
Here is the dreamweaver code (lightbox is inside accordion):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kings Glen Elementary School</title>
<link href="CSS/main.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="application/x-javascript" src="Lightbox/js/jquery-1.10.2.min.js"></script>
<script type="application/x-javascript" src="Lightbox/js/lightbox-2.6.min.js"></script><script type="application/x-javascript" src="Lightbox/js/modernizr.custom.js"></script>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
</style>
<link href="lightbox/css/lightbox.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
</head>
<div id="pagelayout">
<div id="fcps_header">
<iframe src="HTML/index_stuff/FCPS_Header/fcps_header.html" width="1000" height="60" scrolling="no" frameborder="0"></iframe>
</div>
<div id="navigation">
<iframe src="HTML/index_stuff/Navigation/navigation.html" width="230" height="100%"></iframe>
</div>
<div id="slideshow"><iframe src="HTML/index_stuff/Slideshow/slideshow.html" width="760" height="400" scrolling="no" frameborder="0"> </iframe>
</div>
<div id="news"><iframe src="HTML/index_stuff/news.html" height="300" width="550" frameborder="0" scrolling="auto" ></iframe> </div>
<div id="calenders">
<div id="calenders_nonIframe">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">March </div>
<div class="AccordionPanelContent"><a href="Media/Images/calendarjanbig.png" data-lightbox="image-1" title="My caption" target="_self"><img src="Media/Images/calendarjan.png" width="200" height="140" /></a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">February</div>
<div class="AccordionPanelContent"><a href="Media/Images/calendarfebbig.png" data-lightbox="image-1" title="My caption" target="_self"><img src="Media/Images/calendarfeb.png" width="200" height="140" /></a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Janurary</div>
<div class="AccordionPanelContent"><a href="Media/Images/calendarjanbig.png" data-lightbox="image-1" title="My caption" target="_self"><img src="Media/Images/calendarjan.png" width="200" height="140" /></a></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">December</div>
<div class="AccordionPanelContent"><img src="../../Media/Images/calendarfeb.png" width="200" height="140" /></div>
</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</div>
<div id="footer"><iframe src="HTML/index_stuff/Footer.html" width="1000" height="100" frameborder="0" scrolling="no"></iframe></div>
</body>
</html>Line 20 of your document you have linked to a file that cannot be found, namely http://www.fcps.edu/CentrevilleHS/lightbox/css/lightbox.css as in
<link href="lightbox/css/lightbox.css" rel="stylesheet" type="text/css" />
Upload the file to the location and all is well. -
How can I change the displayed video size in the Clearbox Lightbox widget?
Hi Everyone,
This is what I'm working on:
http://www.artbywaqas.com/STORYBOARDS.html
http://www.artbywaqas.com/DEMOREEL.html
The videos are actually bigger but they show up really small in the browser window. How can I fix this?
The other section are not up yet.To what size from what template?
A business card is basically just a rectangle so just make one the right size, clear the rest and option drag out copies of yours to the other positions. You will need to move the crop marks as well.
Peter -
Having a image alignment problem using clearbox
Hi,
I'm having an image alignment problem. I cannot figure it out. I'm using the clearbox - lightbox dreamweaver widget. Using Dreamweaver CS6.
Actual page located here. Any help would be appreciated.
http://dirtysouthink.com/gallery/dustin2.htmlThis has very little to do with Dreamweaver. DW is merely a tool to assist you in building a web site. It is purely a matter of styling (CSS).
When I look at the structure, I see
BODY-CONTENT (width: 490px)
GALLERY (width: 452px)
CONTAINER (width: 500px)
ITEM (width: 150px)
From this I can deduce that:
GALLERY will fit inside BODY-CONTENT
CONTAINER will NOT fit inside GALLERY or BODY-CONTENT
ITEM will fit three times into CONTAINER
To start with, I would reduce the size of the CONTAINER so that it fits inside of its parent. Then I would adjust the width of the ITEM so that only two of them fit inside of the CONTAINER.
Maybe you are looking for
-
Officejet Pro 8500 Wireless - New toner cartridge is not working
My brand new expensive HP original cyan cartridge is not printing. Although it now shows full on the screen and has ink at the opening of the cartridge, not a drop of cyan on test pages even after cleaning print heads and realigning. This is the 2nd
-
Hi, I have data from Excel sheet, but the program I am using needs .txt tab delimited format. When I save the Excel as text(tab delimited) file, the Amount is moving under Docu Date and Reson code data is moving under Customer. Can you please help me
-
HELP! Corrupt raw .TIF files
In 2005 I was shooting with a Canon 1Ds Mark2 and the raw files were .TIF files. There was one shoot where all the files were perfectly fine and I had no problem with them. However, I've now gone back to that shoot and every single one of the raw .TI
-
Essbase registration to Shared Services failed - Hyp 11.1.1.3 on 2 Win XP
Hi All, I have Hyperion 11.1.1.3 installation on two XP Pro machines. Pure system, with no global policies, firewalls, etc. My users are in Administrators group. Computers are not in any domain also. On first server (called HypTSerwer1) there is: Fou
-
Hi, I've developed a dynpro application which accesses a backend SAP system, sends a variant value and gets results as table. When I run the RFC function module inside SAP system, result displayed as follow: WEMNG MEI BAKORAN TOB 1.582,5