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.
Similar Messages
-
A Problem with the Lightbox Display since the update.
I use the lightbox display widget within the featured news widget. Since the update when I add the lightbox to an image it appears on all the featured news tabs when it should only be on the tab I place it in. This didn't happen before the update. Any ideas why this would be or how I can correct it. Strangely, the images with a lightbox made before the update are fine.
I'm unable to reproduce the problem. Can you try re-inserting the Featured News Composition widget on a page and after removing the Text frame (optional step) from the Target of the first tab, insert the Composition: Lightbox Display into the Target of the first tab. Then try switching between the tabs in Design mode and see if the problem persists at your end, also try a preview in browser. The Lightbox Display should appear only for the first tab and other Targets should remain untouched.
Thanks,
Vinayak -
Problem with Muse Lightbox and Chrome
Hi, I've just updated my website to a brand spanking new look, and I've had feedback of a problem with this page:
SHARPE GRAPHIC DESIGN – PORTFOLIO
Works fine on Safari and Firefox, but on Chrome the Hero image appears cropped to the top part of the image, until you scroll, then you can get it all.
Is this just another Chrome scrolling issue? Any help gratefully received.
AndySimple answer is.. It depends.. What version of IE are you referring to?
IE 6 - Run the hell away if ANY of your clients are still using this dinosaur
IE 7 - Drop this bad habit...
IE 8 - Still will find some issues, but not as bad as prior versions..
IE 9 - Seems to be better, but still NOT as compatible as FF or Chrome
Thank you,
Tony Miller
Webster, TX -
I want to disable in clearbox the function for change the picture with the mouse wheel but i don't know how.
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. -
Basic problem with composition lightbox. Arggh!
Ok so basically I can't get the slides in the composition lightbox to work independently. I have a portfolio page with lots of thumbnail images. You click on these to open up the lightbox with a full size image of the thumb. When I add text or images to the first slide it appears on every page! I could of used the normal lightbox but I didn't want the thumbnail to be a small scale version of the full size image in the lightbox slide. I've created a set of interesting jpgs for the thumbs then imported the full size image on each page of the composition lightbox. When I add details and client brief to first slide it duplicates on every page. Any ideas?? Thanks in advance. I'm sure I'm missing something simple.
ok sorted it. I didn't have the action on active while editing.
-
Problem with Alt Text output from thumbnail image of Lightbox widget
I’m having a problem with the Lightbox widget not producing alternative text based on the image properties. I’ve set ALT text for the image properties on both the larger Ligtbox image as well as the thumbnail. But the HTML output from Muse does not include the ALT text on the thumbnail version of the image. Here’s an example:
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u4409"><!-- group -->
<a class="anchor_item grpelem" id="untitled"></a>
<div class="grpelem" id="u4433"><!-- image -->
<img id="u4433_img" src="/images/n0060292x292.jpg" alt="" width="292" height="292" />
This may be a problem that came in a previous release of Muse. I have a few older examples where ALT text is produced, but it’s no longer updated if I update the Image Properties.I'm seeing the same problem. Looks like a bug to me. Any ideas as to how we can get this on Adobe's bug fix list?
-
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; -
Hi there.
My question concerns http://www.energywa.co.za
You can click on any of the 2 images on the right.
When clickin in FF and Google Chrome, the lightbox works 100%. But, when trying it in IE 8, the image opens on the same page. When clicking anywhere else on the page, the effect of the lightbox shows, but no image.
Can you please check and advise what I am doing wrong?
Regards,
DeonAt the top of the forum page it reads:
Before you post a topic please verify that:
You are using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Incidently, there is no problem with IE8 and Microsoft is in the process to urge IE6 users to upgrade.
Ben -
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. -
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. -
Slideshow combine with a Lightbox
How can i make a slideshow with videos and images, and combine this with a Lightbox after clicking?
thanksThank you, i´ve solved the problem.
But now i have another one.
when i close a lightbox the site wobbles because the scrollbar appears and disappears again.
So i can´t use Lightboxes (Muse) with this bug.
Do have any Idea how i can fix this?
Best regards -
Problems with sound when I embed multiple videos on auto play into a composition widget.
I am having problems with the sound when I embed multiple videos on autoplay into a composition widget in Muse. It sounds as if they are all playing at once. Note that within the compostion widget, options - the auto play is disabeled.
I've a television set that has buttons below and I want the users to flick through the channels.
I need the oriantaion to be stacked as they're contained within a frame (the tv). I have tried the lightbox view (which at first seamed to solve the problem), but unfortunately the position, orientation moves when shown on different divises. It Had to be quite precise as I was ovelaying the original frame within the light box.
Could you please help me with this?
Also, I wanted to let you know that I think this software is amazing. Great job!
here is the link:
http://albanconnell.com/moving-image.htmlHi Alban,
I see what you are seeing. Could you send your file so I can investigate more? Send it to [email protected], with a link to this thread in the message body. If the file is >20mb, our email system cannot handle it so use a service like Adobe SendNow.
Thanks,
Sam -
I am trying to implement some kind of a server listening for requests. The listener part of the app, is a daemon thread that listens for connections and instantiates a handling daemon thread once it gets some. However, my problem is that i must be able to kill the listening thread at the user's will (say via a sto button). I have done this via the Sun's proposed way, by testing a boolean flag in the loop, which is set to false when i wish to kill the thread. The problem with this thing is the following...
Once the thread starts excecuting, it will test the flag, find it true and enter the loop. At some point it will LOCK on the server socket waiting for connection. Unless some client actually connects, it will keep on listening indefinatelly whithought ever bothering to check for the flag again (no matter how many times you set the damn thing to false).
My question is this: Is there any real, non-theoretical, applied way to stop thread in java safely?
Thank you in advance,
LeftyThis was one solution from the socket programming forum, have you tried this??
public Thread MyThread extends Thread{
boolean active = true;
public void run(){
ss.setSoTimeout(90);
while (active){
try{
serverSocket = ss.accept();
catch (SocketTimeoutException ste){
// do nothing
// interrupt thread
public void deactivate(){
active = false;
// you gotta sleep for a time longer than the
// accept() timeout to make sure that timeout is finished.
try{
sleep(91);
}catch (InterruptedException ie){
interrupt();
} -
Problem with Threads and a static variable
I have a problem with the code below. I am yet to make sure that I understand the problem. Correct me if I am wrong please.
Code functionality:
A timer calls SetState every second. It sets the state and sets boolean variable "changed" to true. Then notifies a main process thread to check if the state changed to send a message.
The problem as far I understand is:
Assume the timer Thread calls SetState twice before the main process Thread runs. As a result, "changed" is set to true twice. However, since the main process is blocked twice during the two calls to SetState, when it runs it would have the two SetState timer threads blocked on its synchronized body. It will pass the first one, send the message and set "changed" to false since it was true. Now, it will pass the second thread, but here is the problem, "changed" is already set to false. As a result, it won't send the message even though it is supposed to.
Would you please let me know if my understanding is correct? If so, what would you propose to resolve the problem? Should I call wait some other or should I notify in a different way?
Thanks,
B.D.
Code:
private static volatile boolean bChanged = false;
private static Thread objMainProcess;
protected static void Init(){
objMainProcess = new Thread() {
public void run() {
while( objMainProcess == Thread.currentThread() ) {
GetState();
objMainProcess.setDaemon( true );
objMainProcess.start();
public static void initStatusTimer(){
if(objTimer == null)
objTimer = new javax.swing.Timer( 1000, new java.awt.event.ActionListener(){
public void actionPerformed( java.awt.event.ActionEvent evt){
SetState();
private static void SetState(){
if( objMainProcess == null ) return;
synchronized( objMainProcess ) {
bChanged = true;
try{
objMainProcess.notify();
}catch( IllegalMonitorStateException e ) {}
private static boolean GetState() {
if( objMainProcess == null ) return false;
synchronized( objMainProcess ) {
if( bChanged) {
SendMessage();
bChanged = false;
return true;
try {
objMainProcess.wait();
}catch( InterruptedException e ) {}
return false;
}Thanks DrClap for your reply. Everything you said is right. It is not easy to make them alternate since SetState() could be called from different places where the state could be anything else but a status message. Like a GREETING message for example. It is a handshaking message but not a status message.
Again as you said, There is a reason I can't call sendMessage() inside setState().
The only way I was able to do it is by having a counter of the number of notifies that have been called. Every time notify() is called a counter is incremented. Now instead of just checking if "changed" flag is true, I also check if notify counter is greater than zero. If both true, I send the message. If "changed" flag is false, I check again if the notify counter is greater than zero, I send the message. This way it works, but it is kind of a patch than a good design fix. I am yet to find a good solution.
Thanks,
B.D. -
Problem with threads running javaw
Hi,
Having a problem with multi thread programming using client server sockets. The program works find when starting the the application in a console using java muti.java , but when using javaw multi.java the program doesnt die and have to kill it in the task manager. The program doesnt display any of my gui error messages either when the server disconnect the client. all works find in a console. any advice on this as I havent been able to understand why this is happening? any comment would be appreciated.
troy.troy,
Try and post a minimum code sample of your app which
does not work.
When using javaw, make sure you redirect the standard
error and standard output streams to file.
Graeme.Hi Graeme,
I dont understand what you mean by redirection to file? some of my code below.
The code works fine under a console, code is supposed to exit when the client (the other server )disconnects. the problem is that but the clientworker side of the code still works. which under console it doesnt.
public class Server{
ServerSocket aServerSocket;
Socket dianosticsSocket;
Socket nPortExpress;
ClientListener aClientListener;
LinkedList queue = new LinkedList();
int port = 0;
int clientPort = 0;
String clientName = null;
boolean serverAlive = true;
* Server constructor generates a server
* Socket and then starts a client threads.
* @param aPort socket port of local machine.
public Server(int aPort, String aClientName, int aClientPort){
port = aPort;
clientName = aClientName;
clientPort = aClientPort;
try{
// create a new thread
aServerSocket = new ServerSocket(port) ;
// connect to the nPortExpress
aClientListener = new ClientListener(InetAddress.getByName(clientName), clientPort, queue,this);
// aClientListener.setDaemon(true);
aClientListener.start();
// start a dianostic port
DiagnosticsServer aDiagnosticsServer = new DiagnosticsServer(port,queue,aClientListener);
// System.out.println("Server is running on port " + port + "...");
// System.out.println("Connect to nPort");
catch(Exception e)
// System.out.println("ERROR: Server port " + port + " not available");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR: Server port " + port + " not available", JOptionPane.ERROR_MESSAGE);
serverAlive = false;
System.exit(1);
while(serverAlive&&aClientListener.hostSocket.isConnected()){
try{
// connect the client
Socket aClient = aServerSocket.accept();
//System.out.println("open client connection");
//System.out.println("client local: "+ aClient.getLocalAddress().toString());
// System.out.println("client localport: "+ aClient.getLocalPort());
// System.out.println("client : "+ aClient.getInetAddress().toString());
// System.out.println("client port: "+ aClient.getLocalPort());
// make a new client thread
ClientWorker clientThread = new ClientWorker(aClient, queue, aClientListener, false);
// start thread
clientThread.start();
catch(Exception e)
//System.out.println("ERROR: Client connection failure");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR: Client connection failure", JOptionPane.ERROR_MESSAGE);
}// end while
} // end constructor Server
void serverExit(){
JOptionPane.showMessageDialog(null, "Server ","ERROR: nPort Failure", JOptionPane.ERROR_MESSAGE);
System.exit(1);
}// end class Server
*** connect to another server
public class ClientListener extends Thread{
InetAddress hostName;
int hostPort;
Socket hostSocket;
BufferedReader in;
PrintWriter out;
boolean loggedIn;
LinkedList queue; // reference to Server queue
Server serverRef; // reference to main server
* ClientListener connects to the host server.
* @param aHostName is the name of the host eg server name or IP address.
* @param aHostPort is a port number of the host.
* @param aLoginName is the users login name.
public ClientListener(InetAddress aHostName, int aHostPort,LinkedList aQueue,Server aServer) // reference to Server queue)
hostName = aHostName;
hostPort = aHostPort;
queue = aQueue;
serverRef = aServer;
// connect to the server
try{
hostSocket = new Socket(hostName, hostPort);
catch(IOException e){
//System.out.println("ERROR: Connection Host Failed");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR: Connection to nPort Failed", JOptionPane.ERROR_MESSAGE);
System.exit(0);
} // end constructor ClientListener
** multi client connection server
ClientWorker(Socket aSocket,LinkedList aQueue, ClientListener aClientListener, boolean diagnostics){
queue = aQueue;
addToQueue(this);
client = aSocket;
clientRef = aClientListener;
aDiagnostic = diagnostics;
} // end constructor ClientWorker
* run method is the main loop of the server program
* in change of handle new client connection as well
* as handle all messages and errors.
public void run(){
boolean alive = true;
String aSubString = "";
in = null;
out = null;
loginName = "";
loggedIn = false;
while (alive && client.isConnected()&& clientRef.hostSocket.isConnected()){
try{
in = new BufferedReader(new InputStreamReader(client.getInputStream()));
out = new PrintWriter(new OutputStreamWriter(client.getOutputStream()));
if(aDiagnostic){
out.println("WELCOME to diagnostics");
broadCastDia("Connect : diagnostics "+client.getInetAddress().toString());
out.flush();
else {
out.println("WELCOME to Troy's Server");
broadCastDia("Connect : client "+client.getInetAddress().toString());
out.flush();
String line;
while(((line = in.readLine())!= null)){
StringTokenizer aStringToken = new StringTokenizer(line, " ");
if(!aDiagnostic){
broadCastDia(line);
clientRef.sendMessage(line); // send mesage out to netExpress
out.println(line);
out.flush();
else{
if(line.equals("GETIPS"))
getIPs();
else{
clientRef.sendMessage(line); // send mesage out to netExpress
out.println(line);
out.flush();
} // end while
catch(Exception e){
// System.out.println("ERROR:Client Connection reset");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR:Client Connection reset", JOptionPane.ERROR_MESSAGE);
try{
if(aDiagnostic){
broadCastDia("Disconnect : diagnostics "+client.getInetAddress().toString());
out.flush();
else {
broadCastDia("Disconnect : client "+client.getInetAddress().toString());
out.flush();
// close the buffers and connection;
in.close();
out.close();
client.close();
// System.out.println("out");
// remove from list
removeThreadQueue(this);
alive = false;
catch(Exception e){
// System.out.println("ERROR: Client Connection reset failure");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR: Client Connection reset failure", JOptionPane.ERROR_MESSAGE);
}// end while
} // end method run
* method run - Generates io stream for communicating with the server and
* starts the client gui. Run also parses the input commands from the server.
public void run(){
boolean alive = true;
try{
// begin to life the gui
// aGuiClient = new ClientGui(hostName.getHostName(), hostPort, loginName, this);
// aGuiClient.show();
in = new BufferedReader(new InputStreamReader(hostSocket.getInputStream()));
out = new PrintWriter(new OutputStreamWriter(hostSocket.getOutputStream()));
while (alive && hostSocket.isConnected()){
String line;
while(((line = in.readLine())!= null)){
System.out.println(line);
broadCast(line);
} // end while
} // end while
catch(Exception e){
// System.out.println("ERRORa Connection to host reset");
JOptionPane.showMessageDialog(null, (e.toString()),"ERROR: Connection to nPort reset", JOptionPane.ERROR_MESSAGE);
try{
hostSocket.close();
}catch(Exception a){
JOptionPane.showMessageDialog(null, (a.toString()),"ERROR: Exception", JOptionPane.ERROR_MESSAGE);
alive = false;
System.exit(1);
} // end method run
Maybe you are looking for
-
Lost 10 GB after iOS 8 update.
After I updated my 16 GB ipad. I lost about 10 gb. My iPad says I only have 6 gb available. Help!
-
I updates my iPod before syncing it and lost all my song how can I see what song i lost?
I updated my iPod before syncing it and lost all my songs how can I see what songs I lost?
-
Semantics File Sender Adapter to determine which files to retrieve
Hallo, does anybody has experience with this semantic? Thanks in advance, Frank From the FAQ-List of file-adapter(Note 821267 , Question 27). Q: Which semantics does the File Sender Adapter apply to determine which files to retrieve from an FTP serve
-
12vDC MacBook Pro Power Supply
Looking for a real 12vDC Power Supply for my 13" MBP 2.53GHz Core2Duo. (12v to 120vAC) "Inverter" NOT acceptable! Total waste of energy to go from 12vDC to 120vAC then back down to DC voltage as is supplied with OEM 60w AC supply... anyone know of a
-
Biztalk ESB Itinerary Exception Handling
Hi, Can anyone suggest how do we handle exceptions in ESB Itinerary. Actually i am doing the below steps in ESB Itinerary. 1. Get records from esb Onramp and change the status to "In progress" for those records. 2. Dynamically choose Map using BRE b