Image transforms in lightbox slideshow not holding
I have a slideshow with thumbnails on my Muse CC webpage. But the pix withing the lightbox are too small so I transform them to 600 x 400 px. If I move or transform anything else on the same lightbox page, the photo falls back to its original size. Also, is there a way to select all photos within the lightbox (not the thumbnails) and transform their size all at once?
TIA,
John
I have this problem too! The photos keep resizing back to the original. I've watched all of the tutorials and it looks like I'm resizing them correctly. Any help out there??
Similar Messages
-
Captions in Lightbox Slideshow Widget
The metadata in my files have both a Title and a Caption, yet when i Add Images to the Lightbox Slideshow Widget, I am stuck with Lorem Ipsum on every photo. Do I have to add the Captions manually for every image?!
Can someone at Adobe please confirm that there is no reading of the image metadata. I thought it was limiting that it was only the caption field available. I am stunned if this is the case that no metadata is being read. I am working on a photo web site and got to the point of importing photos with the 'captions' checked. Huge surprise. It is hard to believe that something as fundamental as basic metadata fields (caption, title, filename, copyright) isn't pulled with the image and available as needed. C'mon, you are the company that has Photoshop and Lightroom. Do you guys talk to the other teams?
I was looking at Muse galleries as an alternative to the LR web module for 2 reasons: one is flexibility in layout, and the other is speed, since the LR gallery export cranks along at a glacial pace to the point of being almost unusable. And this is the LR4 upgrade; much slower than LR3. See the LR threads on this if you're interested. Still waiting for that fix.
The thought of manually entering caption info to a dozen galleries, each with 20 or 30 images, is nonsense. This makes Muse a non-starter for photo galleries. This is basic capability. Adobe should be embarrassed that LR4 doesn't do what it should in this regard, and that the feature needed don't even exist in Muse. Everyone expects a few bugs in the early days of a new software, but not missing essential, fundamental features to make web galleries useful.
Rant now over and I will happily apologize if the metada fields are, indeed, available. Please explain how. Thanks. -
Lightbox Slideshow - Color shift
I recently uploaded high res images to the Lightbox slideshow in Adobe Muse and updated the existing Adobe Muse site (www.marcmontocchio.com). When checking the slideshow I noticed that the coloring had changed versus what I originally uploaded. They are 2000 longside and their color space is sRGB. There is a color shift going on and I'm wondering if it has anything to do with the color space or the way in which the files are compressed. I've attached screenshots. The left is a screenshot of the original and the right is a screenshot of what is uploaded to the Adobe Muse site (www.marcmontocchio.com). If anyone knows why this may be happening or how to fix it I'd greatly appreciate it.
Easiest way to fix it is to optimize your images before inserting them into Muse using Photoshop's 'Save For Web' or optimize in Fireworks.
Another thing to check would be that your image doesn't have any transperancy set for your lightbox. I notice you have a black background for the lightbox. If your image has any transperancy at all it would make your image darker. -
I have tried it in different screen sizes but teh result is all same. Horizontally images are slightly on the right. How can I center the images?
Hi,
Thanks for your answer. It is ok when using the lightbox without full screen option. When I use the fullscreen option, the container of the image is centered but the image in the container is not. I do center everything but when it comes to full scren there is nothing like centering.
Here is what happens when I view in the browser: -
Muse Lightbox slideshow: Hero images are undersize & cropped, can't select to change them
Mac, Mavericks, & Muse: First website: Building Lightbox slideshow. When a thumbnail is clicked in Preview mode, Hero image is undersized and cropped (placed jpgs are max 600 pixels x smaller). Back in Design mode, I can't select the Hero to resize it. Both thumbnails and Hero images are set to Fit Content Proportionally.
Any help greatly appreciated!, Thanks!I've had a similar-ish issue to you, minus cropping. Two key things:
1) To edit the position or size of the hero image double-click it
2) If the original image is smaller or larger or differently sized than the target Hero frame this (above) will happen. What I did was to
scale the frame for the Hero image to the intended area, then get the dimensions of that area using a rectangle. Copy the vaues to make a new Photoshop document and
manually import the images individually and save the resulting JPEGs which will have the additional space around the image to fill it for the Hero (ideally scale the image to fill the target space by losing any necessary empty space).
Essentially the original images you're using must be the same as the resulting frame which is no good if they're all different sizes. Yeah, it's a pain.
Hope this helps. Look at my website homepage as an example: http://www.goodwinsanimations.com/ -
Deleting multiple images at once in Mues's Lightbox slideshow
I frequently need to delete 70 or 80 images from Muse's Lightbox slideshow before adding new images. Because you have to leave at least one image (at least that's my understanding) before adding new ones, I have to delete them one at a time. It's a real pain. It would be nice to be able to shift click or control click on the images I want to delete so I can do it in one move instead of eighty. Can this function be added or is there a work around or something I'm missing that would let me do this? I've tried selecting one, then clicking on 'select same' but there is no way to exclude one image so that I can leave one image behind.
Zak... Selecting one thumbnail > Select all > Delete worked just as you said; it leaves one image behind. I never would have tried that method because logically I would have thought that it would delete all the images since I chose 'Select all'. Thanks for the quick response and saving me a lot of work... Bill
-
Launch lightbox slideshow by clicking on pic or text?
Hi guys,
Last question for tonight, it's the big one: how can I configure something so that upon click, it'll launch a lightbox image or slideshow?
For example:
- If I have a pic in a text box that is essentially acting as a thumbnail, and I have in text, "Click below to embigify!" so clicking on the pic launches a larger version in a lightbox. Possibly not a larger version of the thumbnail, as on the lightbox verison I may have it cropped differently, etc. So, I want to be able to configure them both independently, one will launch the other.
- Same goes for if clicking on a pic would lauch a lightbox slideshow. ("Click pic to launch slideshow!") Maybe the pic they're clicking is just a graphic icon or something, and not actually something that'll appear in the slideshow. Click the icon to launch.
- Same goes for some selected text, clicking would launch lightbox pic or slideshow.
Really hope this is a achievable in Muse. Thanks yet again!
DAbhishek, I have done this very thing, but my lightbox slideshows don't start on image 1. They start on random images each time they are opened. Here is the thread (I show the settings of the composition and the slideshow itself): How do I get a lightbox slideshow to start on the first image in Muse?
and here is my test site: Portfolio
Is this a bug, or pray tell, do you have a solution?
Also, this configuration is not working on the bottom row of trigger squares on the iPad. When you touch a box, you should see the words on the square (the rollver state of the trigger) . It quickly shows, then disappears and then the square of words in the row above highlights instead. And there is no way to open the bottom row of slideshows. It works fine on the desktop. I was trying to avoid creating a separate tablet configuration, but I don't even know what I would do differently.
But any help with the FIRST problem would be appreciated. Thanks. -
Trying to add a lightbox slideshow caption link to a url hosed my site.
In the lightbox slideshow caption I tried to add an html link to the url of the image and now the all the slide show are hosed. It didn't link from the caption text but was embedded into the sllde show so that all the thumbnails linked to the same url.I even created a new slideshow from scratch and it still linked to the url. Do I have to rebuild the whole site? How and where do look to find the hyperlink to remove it?
Please try to select the caption and remove the link from hyperlink dropdown in top bar menu in Muse.
If this is not the case , post screenshots from design view.
Thanks,
Sanjit -
Lightbox slideshow without thumbnails
Hi.
I've looked at a few suggested solutions for this but can't make any of them work.
I want a multi image lightbox slideshow, but launched when clicking on a block, not a specific image.
Any help would be greatly appreciated.Hi,
Thanks for posting.
It's not exactly what i'm after (probably didnt explain myself very well).
I want to launch a lightbox slideshow from a single trigger. Currently i can only see that for every image you show on a lightbox slideshow, there is also an associated thumbnail.
It's the lightbox related thumbnails i dont want to see.
The only way i can see it working is to stack the images on top of one another and then turn the opacity to zero.
Surely there is an easier way?
I've attached a quick scamp of what i'm trying to do.
Thanks -
How do I set the default Hero image in a Muse slideshow widget when using Free Form Thumbnails?
Hello,
I am trying to find out how to set the default Hero image when using a Muse slideshow widget and in the Layout section I have the "Free Form Thumbnails"
box checked.
In other words, when the page loads I want to define which image displays as the first Hero image.
If I do not select the "Free Form Thumbnails" option, the top left Thumbnail image always displays first. This is fine.
But when I select the Free Form Thumbnails" checkbox I don't know how to define which image shows first as the Hero image.
I have a short video at this link where I illustrate the question:
http://amson.org/misc/default-hero-image-1.mp4
I have added a WMV video file at the link below:
http://amson.org/misc/default-hero-image-1.wmv
Okay… I think I've worked out how to do it!
[1] First have the "Free Form Thumbnails" box UNCHECKED.
[2] Organize the Thumbnails and place the image that you want to be the first Hero image when the page loads in the top left corner of the Thumbnails group.
[3] When you "Preview Site In Browser" the Thumbnail image in the top left corner will always display as the first Hero image.
[4] If you want "Free Form Thumbnails" go ahead now and SELECT that checkbox.
[5] Whichever image was in the top left of the Thumbnail group before you checked "Free Form Thumbnails" will still show up as the first Hero image when the page loads, regardless of where that thumbnail image is located within the Thumbnail images group.
Thanks very much.
Chris.Hi,
The sequence of operation you are doing to set the home page for public users is correct. You are getting the login screen as the "custom page group" selected as "home page" has not been granted to public.
Also, while logging-out, it is normal behaviour to get the screen where it shows the list of partner applications from where user has been logged-out. When you click on "Return" button, you will get to the "home page" set above.
Hope it clarifies the things.
Regards,
Ved -
Using "Image/Transform/Perspective" on a layer?
Hi,
I'm new at this. I have a shot of a big room with empty art frames on the walls. I have rectangular layers that are shots of paintings that I want to drop into the frames, but of course the paintings layers have to be skewed to show the perspective angle (trapezoid) that matches the room. Problem is, it seems that I can only use Image/transform/perspective on the painting files before they become layers. This means guessing the perspective, then moving them into the background, which is trial&error at best. It's very hard to guess the appropriate perspective when the file isn't a layer. It seems that once the painting files become layers, the "perspective" option is no longer available. I can use "skew," or "free transform," but not "perspective." "Skew" doesn't work, because while it will allow changing the rectangle into a paralellogram, it won't allow me to change the rectangle into a trapezoid. "Free Transform" doesn't work for the same reason. So, How do you apply the "perspective" function to a layer?
If I knew how to change the rectangle by grabbing one of a selection's corner anchor boxes and fixing it place, that would help because I could create my own trapezoid, but I don't know how to do that. Does anyone?
Thanks!I've no idea why all the transform options aren't available; they are here.
Anyway, try this:
Drag or copy/paste the painting in. It will come in as a new layer.
Convert that layer to a smart object (Layer > Smart Object > Convert..). Reduce the smart object opacity to 50%.
Choose Transform > Distort and move the corners individually into place.
When you're happy, set opacity back to 100% and rasterize the smart object.
The beauty of the smart object in this case is that you can transform repeatedly without any additional quality loss; it will be rendered only once when you rasterize. -
Please someone help! Lightbox widget not working...
I was trying to get the Lightbox widget to work on my webpage. I could not get the images to upload in the expandable box like they should. Instead of expanding out like the animated way they should, my Lighbox links kept opening in a new page and causing me to click the back button to see another image in the lightbox. I thought by deleting the lightbox widget and getting a fresh one might help but it seems to made things a lot worse. I was warned by a message that said "by deleting these settings you will not be able to get them back" and I deleted anyway thinking it was fixable. Now I can't fix it. There has to be a way for me to get the lightbox settings back into dreamweaver! Help Please!!!!!
i had the same problem, and then i noticed when in design view view, the web page that contained the lightbox on it was trying to use 5 or 6 other files, like lightbox.js and some other files. i noticed when i clicked on the little files at the top on same bar as Source Code, it gave me an error saying the file is not on my local drive and gave me the option to "get", but when i clicked on "get" nothing happened. I'm assuming you might need those extra files for lightbox to work right?
I don't know currently, and so i tried to "sign" into my widget browser, and i keep getting a timeout error. There's nothing wrong with my internet, so I don't know whats wrong with it. -
Can I back up individual image files to a slideshow DVD created in Premiere Elements 4.0?
I created a Premiere Elements 4.0 Project including 3 separate photo slideshows. The slideshows were created in Photoshop Elements 6.0 and imported into my Premiere Elements project. I was hoping that when burning the project to DVD, my image files would also be individually backed up.
When I give the DVD to family members I would like them to have access to the image files so they can print or use them individually. I would like to do this in 1 single DVD rather than giving them a DVD with the slideshows and a DVD with the image files. I was able to do this with a previous DVD authoring program I was using, but I cannot figure it out with Premiere Elements 4.0.
Any ideas if this is do-able with Premiere Elements 4? (I am running Windows Vista Home premium SP1 - 64bit - 3GB RAM)Thanks for your help. I tried this. I burned the project to a folder (4.7GB) then to that folder I added a folder with my photos. So in the folder there was "Photos", "OpenDVD" and "Video_TS". I had 3 separate folders within the "Photos" folder, to keep the 3 slideshow photos grouped.
I burned the entire folder to a DVD using my burn tool. I don't even know the name of the software I used, but I think it was just the Toshiba burn tool. I dragged and dropped the folder into my new disc folder, then at the top of my screen clicked "burn to disc", I named the disc and chose from the formating options "Mastered: disc can be read on other computers and some CD/DVD... no new data can be added..."
Once burned I checked it on my DVD player and now it recognizes only the individual jpg files so it does a generic slideshow of these images rather than my slideshow project. (no menu, music...) Putting the disc in my computer I could access either the files or the slideshow project, but not on my home DVD player.
I burned the folders to 2 separate discs, once dragging the whole folder to the disc and once opening the folder and dragging only the individual folders to the disc.
Please tell me what I'm doing wrong. thanks. -
Image Gallery or Lightbox that works for DW CS6?
Help! I need an image gallery or lightbox that works! I tried the Lightbox Gallery in Widgets and while it works for the most part, the nav buttons don't show up and I've put the files in every directory (path) possible. Does anyone have a fix for this - I've perused forums for hours about this. OR is there something else that's easy and fast and that works? And hopefully free?
Thank you so much!The page is not live, so here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<title>
HLG - Flagstone Driveways Walkways Paths
</title>
<style type="text/css">
/*<![CDATA[*/
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
overflow-y:scroll;
body {
background-image: url(images/background2.gif);
/*]]>*/
</style>
<link href="!-css-style.css" rel="stylesheet" type=
"text/css" />
<style type="text/css">
/*<![CDATA[*/
a:link {
color: #FFF;
/*]]>*/
</style>
<link href="css/lightbox.css" rel="stylesheet" type=
"text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet"
type="text/css" />
<script src="scripts/jquery.js" type="text/javascript">
</script>
<script src="scripts/lightbox.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
/* BeginOAWidget_Instance_2127022: #gallery */
.lbGallery {
/*gallery container settings*/
background-color: #910000;
padding-left: 2px;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
width: 550px;
height: auto;
text-align:center;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #ffcc66;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
/* EndOAWidget_Instance_2127022 */
/*]]>*/
</style>
<script type="text/xml">
<![CDATA[
<!--
<oa:widgets>
<oa:widget wid="2127022" binding="#gallery" />
</oa:widgets>
-->
]]>
</script>
</head>
<body onload=
"MM_preloadImages('buttons/directionsover.png','buttons/contactover.png','buttons/gallery over.png','buttons/homeover.png')">
<table width="980" border="1" bordercolor="#000000" align=
"center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="40" align="center" bgcolor="#910000"
class="MaroonBanner">
<p>
Heartland Landscape Group, Inc.| Osage Beach,
Missouri | (573) 302-8855 | <a href=
"mailto:[email protected]" class=
"MaroonBannerEmail">[email protected]</a>
</p>
</td>
</tr>
<tr>
<td width="980" height="182" align="center" bgcolor=
"#000000">
<img src="images/plant1smlogo.jpg" width="980"
height="180" alt="Heartland Landscape Group" />
</td>
</tr>
<tr>
<td height="40" align="center" bgcolor="#910000">
<img src="images/escape_bnnr.png" alt=
"Escape the ordinary with greener landscape solutions"
width="980" height="40" />
</td>
</tr>
<tr>
<td valign="top">
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="213" valign="top">
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="46" colspan="2" valign=
"middle">
<a href="index.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Homepage','','buttons/homeover.png',1)">
<img src="buttons/home.png" alt=
"Homepage" width="210" height="45" id=
"Homepage" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="services.html"><img src=
"buttons/servicesover.png" alt=
"Services" width="210" height="45"
border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="beforeafter.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Before & After Gallery','','buttons/galleryover.png',1)">
<img src="buttons/gallery.png" alt=
"Before and After Gallery" width=
"210" height="45" id=
"Before_and_After_Gallery" border=
"0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="directions.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Directions','','buttons/directionsover.png',1)">
<img src="buttons/directions.png" alt=
"Directions" width="210" height="45"
id="Directions" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="contact.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Contact Us','','buttons/contactover.png',1)">
<img src="buttons/contact.png" alt=
"Contact Us" width="210" height="45"
id="Contact_Us" border="0" /></a>
</td>
</tr>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr>
<td width="53">
<a href=
"https://www.facebook.com/pages/Heartland-Landscape-Group-Inc/230076883731915"
target="_blank"><img src=
"images/fb_logo.png" alt=
"Follow Us on Facebook" width="50"
height="50" border="0" /></a>
</td>
<td width="147" valign="top" class=
"BodyTextsm">
Follow us on Facebook for project
ideas, tips and landscaping news!
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2" class="Textmed">
This Web site is best viewed with
Mozilla Firefox or Google Chrome.
</td>
</tr>
</table>
</td>
<td valign="top" class="Heading">
<table width="765" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td valign="top" class="Heading">
<p>
Our Services - Flagstone Driveways,
Walkways & Paths<br />
<img src="images/line.png" width=
"757" height="3" alt=
"Horizontal Line" />
</p>
<p class="BodyText">
Whether replacing or building a new
driveway, walkway or path, naturally
beautiful flagstone is the perfect
alternative to concrete or brick
pavers. Depending on the individual
taste of the homeowner, there are
many sizes, colors, shapes, and
styles of natural stone to select
from, and lend themselves to the more
"natural" landscapes.<br />
</p>
<table width="550" border="0" align=
"center" cellpadding="0" cellspacing=
"0">
<tr>
<td align="center">
<div id="gallery" class=
"lbGallery">
<ul>
<li>
<a href=
"images/flagstone/images/garden_pathways.jpg"
title=
"Garden Pathway"><img src=
"images/flagstone/thumbnails/garden_pathways.jpg"
width="72" height="72" alt=
"Flagstone Entrance Patio" /></a>
</li>
<li>
<a href=
"images/flagstone/images/pa_stepper_path.jpg"
title=
"Pennsylvania Stepper Path">
<img src=
"images/flagstone/thumbnails/pa_stepper_path.jpg"
width="72" height="72" alt=
"Pennsylvania Stepper Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/black_hills_rustic_path.jpg"
title=
"Black Hills Rustic Path"><img src="images/flagstone/thumbnails/black_hills_rustic_path.jpg"
width="72" height="72" alt=
"Black Hills Rustic Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_path_with_firepit.jpg"
title=
"Flagstone Path With Firepit">
<img src=
"images/flagstone/thumbnails/flagstone_path_with_firepit.jpg"
width="72" height="72" alt=
"Flagstone Path With Firepit" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_with_gravel.jpg"
title=
"Flagstone With Crushed Creek Gravel">
<img src=
"images/flagstone/thumbnails/flagstone_with_gravel.jpg"
width="72" height="72" alt=
"Flagstone With Gravel" /></a>
</li>
</ul>
</div><script type=
"text/javascript">
//<![CDATA[
// BeginOAWidget_Instance_2127022: #gallery
$(function(){
$('#gallery a').lightBox({
imageLoading: '/images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: '/images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: '/images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: '/images/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: '/images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: true, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#000000", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0.75, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Flagstone Patios', //Default text of image
txtOf: 'of'
// EndOAWidget_Instance_2127022
//]]>
</script>
</td>
</tr>
</table><br />
<table width="485" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top" class=
"BodyText">
<p>
- <a href="design.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Landscape Design
Services</span></a>
</p>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">-
Landscape Services:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Ornamental Gravel &
Mulches</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Retaining Walls:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td width="391">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Block</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Natural
Stone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Patios</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Driveways, Walkways &
Paths</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"flagstonewalks.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Landscape
Steps</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Plantings &
Sod</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Water
Features</span></a></span>
</td>
</tr>
<tr>
<td width="45" height="32" valign=
"top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Outdoor Living
Fun</span></a></span>
</td>
</tr>
<tr>
<td height="30" colspan="3" valign=
"top">
<span class="BodyText">- <a href=
"irrigation.html" target="_self"
class="Emailblack"><span class=
"Email">Irrigation</span></a></span>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">- <a href=
"lighting.html" target="_self"
class="Emailblack"><span class=
"Email">Lighting</span></a></span>
</td>
</tr>
</table><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="211">
</td>
<td width="486" align="center">
<span class="Copyright">Copyright © 2013 Heartland
Landscape Group, Inc.</span>
</td>
<td width="283">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> -
I have reviewed code till I am blue in the face. Here is the webpage in question: http://www.thinkingkapsites.com/gallery_jimcofluid.htm The lightbox was working wonderful until I included into the main template the
. Don't know if it has anything to do with lightbox not working but I could stand a little second eye on this. Thanks so much and happy easter.Well, I did correct all but the meta tag and items Ken has instructed (Easter festivities limits my time today) and still did not achieve my goal. Once I can get back to it I will hit on Ken's and maybe that will bear a keystone to all my problems. In the interim I copy/paste below a section of the lightbox.js showing where I did change the function image settings - I feel I did this correctly so that it coincides with my code on the webpage (could this be the issue?). Jeepers, this is my Easter Egg hunt today and when I find the problem it will be like the best chocolate Easter bunny ever. Laughing about it is better than crying about it. Thanks again and if you or someone has a moment could you audit the below against my webpage? /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.js * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ // Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias (function($) { /** * $ is an alias to jQuery object * */ $.fn.lightBox = function(settings) { // Settings to configure the jQuery lightBox plugin how you like settings = jQuery.extend({ // Configuration related to overlay overlayBgColor: '#000', // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color. overlayOpacity: 0.8, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9 // Configuration related to navigation fixedNavigation: false, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface. // Configuration related to images imageLoading: 'lightbox_images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon imageBtnPrev: 'lightbox_images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image imageBtnNext: 'lightbox_images/lightbox-btn-next.gif', // (string) Path and the name of the next button image imageBtnClose: 'lightbox_images/lightbox-btn-close.gif', // (string) Path and the name of the close btn imageBlank: 'lightbox_images/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel
Maybe you are looking for
-
InDesign CS4 - Helvetica Neue and Mountain Lion
Hi there, Can anyone please help? I recently updated from Snow Leopard to Mountain Lion. Since I made this transition I have had a problem with exporting HELVETICA NEUE to a PDF from CS4. This used to work perfectly fine on Snow Leopard from CS4 so I
-
Lotus Notes and SAP Business Workflow
Hi Experts! If you have an experience or if you have SPECIFIC notes on Lotus Notes/SAP Workflow integration, please share some views on these following questions: 1. The SAP version we are using is ECC6. The client wants to upgrade their Lotus Notes
-
Sld started giving error after installation of additional usage type.....
Hi Experts, I had a BW server with dual stack (AS ABAP + AS Java only base u2013 No BI u2013 Java server). Everything was running fine and I have checked that http://server:port/nwa, http://server:port/useradmin and http://server:port/sld was browsab
-
How to i insert a key into the keyboard
Hi, for some reason the "arrow down" key of the wireless keyboard fell out. How do I get it in again? Thank you! Rob
-
I notice when I use the exposure slider in ACR and back off when I see just the initial red clipping my image is way way over exposed... Anyone else experience this problem?