Image captions not showing in fancybox...

I was 99% sure that Chad's answer from April 2012 would work for me too, but, alas, it did not fix my photo gallery problem, and messed up my galleries. I can go back to the fancybox without captions, but I would really like to have them if possible.
If you can, take a look. Did I just mess up the implementation?
http://www.pujolskitchen.com/photo-gallery/deidre-visits-food-network
script is at:
http://www.pujolskitchen.com/javascript/scripts.js
at about line 453 i replaced with Chad's code...
now the images take over the whole page and you can't navigate.
I'll have to revert back soon (can't leave it this way too long)
Let me know if you see something.
jeannie

this was Chad's post from April 2012:
What we know is they have pretty much disabled the BC lightbox effect and replaced it with fancybox.
Problem is that in doing so they are not adding the title attribute back into the a tag for each image, which is were the captions are coming from.
To fix this issue you will have to edit the code on your scripts.js file. I've created a jsfiddle page that shows the current code and what you will need to add to get the title attr back on your a tag.
http://jsfiddle.net/chaddidthis/ELuMJ/
Let me know if this doesn't work. I'm 99% sure it will though.
Thanks,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Similar Messages

Captions Not Showing in List View Though They are There

Ever since I've been using Aperture I've had issues with Captions not showing in List View. The caption is there and shows in the Info Panel but does not show in the List View. I close Aperture, reopen, and it appears in List View. Frustrating when trying to caption thousands of images. You think the image has no caption and when you add a caption it doubles up on what is already there, but could not been seen, and a mess is born. Any one else have this issue? I see it in every Library I create whether on my field laptop or my main desktop Library. Screen shot attached of caption showing in Info pane but not in list view.

Happens all the time. The problem has been there for as long as I can remember, and shows itself in Keywords as well as Captions, maybe others. And yes, it is a major annoyance, and it is a bug IMO. You've found the same workaround I have, namely to restart Aperture.
If you haven't already done so, submit a bug report using Aperture Feedback to add your voice to the list.

Image is not showing up on Dialog.

Hi Guys
I am getting problem with Dialog. In my Dialog I have created the image field which accepts image from dam by Drag and drop. Whil Iam dropping the image it is showing up inside the Dialog properly and is showing up on the screen also But when I try to edit the image the current image got vanished inside the dialog. I don't understand why it is happening?
while uploading
The above image is not showing up while editing. Could you please help me where I am doing wrong?
here is my dialog.xml
<normalmode
jcr:primaryType="cq:Widget"
collapsed="{Boolean}false"
collapsible="{Boolean}false"
hidden="{Boolean}false"
title="Picture Properties"
xtype="dialogfieldset">
<items jcr:primaryType="cq:WidgetCollection">
<pictureurl
jcr:primaryType="cq:Widget"
allowUpload="{Boolean}true"
autoUploadDelay="1"
ddGroups="[media]"
fieldLabel="Picture Link"
fileNameParameter="./fileName"
fileReferenceParameter="./fileReference"
height="{Long}200"
name="./file"
requestSuffix="/image.img.png"
rootpath="/etc/designs/aib/business/images"
sizeLimit="100"
uploadUrl="/tmp/upload_test/*"
xtype="html5smartimage"/>
<picturealttext
jcr:primaryType="cq:Widget"
fieldLabel="Picture Alt Text"
name="./picturealttext"
xtype="textfield"/>
<picturetitletext
jcr:primaryType="cq:Widget"
fieldLabel="Picture Title Text"
name="./picturetitletext"
xtype="textfield"/>
</items>
</normalmode>
Cheers
Kirthi

Hi Jitendra,
It worked.Perfect. Thank you very much. I want to implement the same in my Custom widget which contains smartimage. But it is not showing up. Here is my Custom widget code for the smartfile but iam not getting Drag and drop jus it is showing up blank. Any idea how can I incorporate the smartfile in my Custom widget.
// Picture URL
                        this.add(new CQ.Ext.form.Label( {
                            cls : "customwidget-label",
                            text : ""
                        this.bannerImageURL = new CQ.form.SmartFile( {
                            cls : "customwidget-1",
                            fieldLabel : "Picture Link: ",
                            editable:false,
                            allowBlank : false,
                            anchor: '75%',
                            maxLength : 100,
                            cropParameter :"./image/imageCrop",
                            ddGroups : "media",
                            fileNameParameter : "./image/fileName",
                            fileReferenceParameter : "./image/fileReference",
                            mapParameter :"./image/imageMap",
                            rotateParameter : "./image/imageRotate",
                            name : "./image/file",
                            requestSuffix : "/image.img.png",
                            sizeLimit : "100",
                            autoUploadDelay : "1",
                            listeners : {
                                change : {
                                    scope : this,
                                    fn : this.updateHidden
                                dialogclose : {
                                    scope : this,
                                    fn : this.updateHidden
                        this.add(this.bannerImageURL);
Once again thanks for helping me to resolve the issue. The above is another requirement. Any ideas?
Cheers
Kirthi

Image is not showed in Apps Output

Hi,
In Apps output image is not showed, but in report builder output images are showed.
I imported image from my local system. Is there any path in Apps server to keep images?
Thanks in advance.
Regards,
Kalyan

Hi,
Are you working ona Report?. If so please check the concurrent program definition, it should be PDF or Postscript.
Thanks,
Robert

Images do not show up

I can get some .gif images to show up in my Dreamweaver HTML
page and can see them when I upload the document.
Other images are not showing up.
The images that show up and do not show up are in the same
"images" folder. All of them have been uploaded.
The images that show up were created by a software program
that made them be .gif images.
The images that do not show up were made in Adobe
Illustrator. I then imported them into Adobe Photoshop and saved
them as .gif, .jpg. png. and even used the "save for web" feature.
I also imported the image into Fireworks and saved it as .gif and
.jpg.
None of the copies of the image that I created are showing up
in a webpage.
I have used the image icon to place the image. I also went to
Insert | Image and put the image in that way. Plus I tried the drag
and drop method to get the image onto the page. In many cases I can
see the image on the page in Dreamweaver, but not when I upload the
page. Not even the alt tags with the red X show up online. Each
image does have an alt tag.
I have no clue what to do because other .jpg and .gif files
are showing up as images. Oh, and when I used a .gif version as the
background, it worked as a background.
If you know why an image I made will not appear after being
linked to a webpage and uploaded, please tell what you know. I am
stumped on this one.
Thank you for any assistance you can give me.
Baffled,
Ntropi

quote:
Originally posted by:
bregent
Always include a url when you have questions about your web
pages.
Sorry, newbie to these forums here.
here's a link to one of them:
http://www.onlineschoolsurveys.com/banner_trial_2.html
With this page I tried using a table and put the images in
spots in the table. The empty spots are where there should be
images. The two images that are there were made by other people.
This link is actually quite obnoxious.
http://www.onlineschoolsurveys.com/oss_banner.html.
With this one, again the only image that shows up is one that I
made originally as a bmp export out of Snap Surveys, turned into a
gif in Photoshop (I think). In the table toward the bottom with the
pink squares there should actually be two pink squares, one should
have an image in it. Being a practice page that I did not expect
others to look at I left the obnoxious background. If this is too
annoying, I can remove the background and repost.
Did you define a site in the site manager?
I'm sorry but I do not know what this means. I regularly have
a site at www.onlineschoolsurveys.com. The first link goes to a
page that is actually a part of the website- I tried using a
template I know works thinking that maybe the non-templated page
was flawed. So if you are asking if these were loaded to an active
website: yes, I regularly have pages at that website, but no, these
pages are not intended to be a part of my regular website. I was
just using that space to practice.
Do the linked images exist within the defined site?
Yes, the images were uploaded. They should exist in an image
folder. Although it may be really stupid for me to make a link to
an unprotected list of files, here is the list of images in my
images folder:
http://www.onlineschoolsurveys.com/images/
Since I am new to using a message board for help, please advise me
if I should not post such directories in the future.
Thanks for your quick response.
Mel

When I open Photoshop CS6, the image does not show in Photoshop. The image IS open, i.e. the filename is shown on a tab and the image layers show in the layer panel. What is going on?

Both Photoshop and Bridge open as usual. But when I open an image, the image does not show in the image area. The image filename does show in a tab and the layers show in the layer panel. What is going on and how do I fix this.

I resolved the problem. It was somehow related to my using Microsoft
theme pictures. I set Windows to use the basic theme and the problem
went away. Thank you for the suggestions.
Jac

Some email images do not show while using the icloud web app. I can see the images on my IOS devices and in gmail but I only see a small gray box in the icloud web mail app. Load HTML images is checked in preferences.

Some email images do not show while using the icloud web app. I can see the images on my IOS devices and in gmail but I only see a small gray box in the icloud web mail app. Load HTML images is checked in preferences. Is there a solution to this issue?

I've seen the opposite issue. My wife recieved an email with jpg attachments. She couldn't see or print them on her iPhone 4S but they showed up fine in iCloud or in the mail app. I had her forward the email to herself and then they showed up. I assume there is an issue with how Apple is processing the attachments and resending causes them to get reformatted in a way that makes them easier to handle.
So yeah. Seems like some bugs. Hope Apple fixes them soon.

Photo/Edit-In CS6. psd image does not show in LR after save/close.

Whenever I edit (a copy) of an image in Photoshop CS6 from Lightroom 4.3 (Photo/Edit-In), after I save and close the image in CS6 the new psd image does not show in Lightroom. In order to see the image in Lightroom, I need to close Lightroom and then reopen Lightroom. It is almost like Lightroom needs to "refresh". Does anyone have a solution that does not require me to close Lightroom? I have tried to use View/Sort by extension, filename, edit time, etc. with no effect.

This should not be so. I'm assuming that you do a <save> in CS6 - as opposed to <save as>. Only with <save> the image file will automatically be imported in Lr while <save as> creates a new file that Lr "knows" nothing about until you import it (for instance via "Synchronize folder").
If the behavior you describe follows a <save> in CS6 it is not normal.
This could be due to a corrupt Preference File. This file can go "funny" and is then responsible for all kinds of strange behavior of Lr. The remedy is replacing the Preference File.
BTW: Re-installing Lr does not replace the Pref. File since it is designed to "survive" upgrades.
See here for where to find the Preference file for your OS: http://helpx.adobe.com/lightroom/kb/preference-file-locations-lightroo m-4.html
See here for how to go about Replacing the Preference File: http://lightroomers.com/replacing-the-lightroom-preference-file/745/

Why aren't my FW (PNG) image are not showing up

Hey guys.
This is really bugging the hell out of me. I feel like I
can't move on until i can figure out why my PNG images are not
showing up in preview (F12). They did yesterday before I deleted
some pages and renamed old pages I no longer needed.
All my images that was done in FW are in my root folder in
the file panel. i didn't move any of those. When I double click on
the image to bring up the "select image source" in the URL it
starts off with two periods then a slash and then the name of where
it's located as well as the name of the image. The "relative to":
is site root. i didn't change any of these setting before I deleted
and renamed pages in my file panel.
Oh, and my Ap Divs show up in light gray boxes.
Please help!
CS3 Mac

I'm confused by the subject line! Is this like 'all of your
base are belong
to us?' 8)
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
==================
"Dooza" <[email protected]> wrote in message
news:gki5he$3pu$[email protected]..
> Why_ATL wrote:
>> Hey Alan
>> is the filename exactly what it should be? YES
>> Are these .png files for web use, or are they PNG
fireworks original
>> files
>> which are very large in file size because they
contain all the info on
>> layers and such? They are .png files for the web. I
can't figure out why
>> my Div is showing up in preview instead of my images
There just Div's
>> with the little blue question mark.
>>
>> This is getting harder and harder. I'm trying to
laugh so i don't get a
>> head ache over this. This is weird.
>
> Without a link we can only make wild stabs in the dark.
>
> Dooza

I am trying to create an responsive HTML5 output, but images are not showing up.

When I preview my output, the images are note showing up. It is simply the blank outline of the image with the little image icon in the top left corner.
As it is compiling I see the message "Warning: Image maps are not converted to relative size". Is there something in the setting that I need to change, or is that even the problem?

Can you check your output folder: are the images copied to your output? If they are missing, are the images listed in the Project Manager pod in RoboHelp?
The warning is unrelated. Since image maps work with pixel coordinates, you can't simply make them responsive. You are probably using an image map in your project. This is causing the warning. It is not a problem since the image map will still work. But if the image map is very large, it may give a bad experience on smaller screens. You may have to decide whether to change or remove the image map if you want to support mobile.

APERTURE: Small preview images do not show the changes.

excuse my lousy english...
Problem with Aperture:
Small preview images do not show the changes.
I use Aperture 3 since August 2010. By November and 10 projects later it ran normally.
Since the project 11 are in the preview images shown (on the bottom bar in the shared representation) and in the pictures in the books no adjustments. I change for example a picture in b / w it remains in the small preview images bunt even though the great View Erbild s / w is. Even in the books then the famous picture colorful and even grobpixelig.
This is of course in the processing of multiple images per project huntert pretty annoying to have no overview of processed images ...:-(
I had a third installed for books and not as close a relationship.
Does anyone have similar experience or know someone how can I fix this?
Thanks for reading!
Lokoe

Lokoe,
To make sure we understand:
I change for example a picture in b / w it remains in the small preview images bunt even though the *great View Erbild s / w is*.
I am not sure what "s/w" is, but I think you mean:
"I change picture to black and white and the small preview images remain *in color* even though the *big picture in the Viewer* is in B/W."
Even in the books then the famous picture colorful and even grobpixelig.
"In the books the selected picture is colorful and even ???"
"Grobpixelig" -> "grosspixelig" -> "Looks like big pixels???" Not quite sure of the translation. It's been 15 years since I spoke Deutsch!
nathan

Images do not show; help not successful

Images do not load and the Help! suggestions do not solve the problem. I access the Netflix.com website and its .jpg images do not show. Right clicking on image location and selecting "Page Info" reveals that site is allowed to show image and "Media" button actually SHOWS the image in the preview section!

Did you check if any of the images have a check-mark in the box to block images in Tools > Page Info > Media?
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
* [[Troubleshooting extensions and themes]]

Why images are not showing?

When I add to image to slider or products, the images are not showing and wrting <tag_image no link> or <tag_list image no link>. I already match pictures to image filed on web apps.

Hi Alfred, so you know you will run into several issues if you do not follow naming conventions with folders and images on the web.
If you have spaces for example this causes a lot of problems.
That %20 stuff you see in your links are because you have spaces.
Any time you have a space in a file or folder you should replace it with a -
Removing them I can get a 404 error but support will only be the ones who can say if the images are uploaded correctly, they also may have not been saved correctly and are corrupted.
But what you can try is renaming the folder to...
granite-cobbles
And try one of the images to be..
sawnface-tubled-lrg.jpg
And see if that works.

Actually I have a problem is this when i submit my articles on Website the error is showin ANTI SPAM USER ID or 2nd one is this IMAGE CODE not showing Please please help me

IMAGE CODE NOT SHOWING AND WHEN I POST ARTICLES ON WEBSITE SO THE ERROR WAS SHOWS ( ANTI SPAM USER ID ) EVEN I HAVE ALREADY LOGIN THAT WEBSITE ....
KINDLY TELL ME ABOUT THIS PROBLEM
== This happened ==
Every time Firefox opened
== Everytime when i visit websites

Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
See also [[Images or animations do not show]] and http://kb.mozillazine.org/Images_or_animations_do_not_load

Div image background not showing

Hi I am trying to give a div a background image and then place tables etc in the div. The trouble is the image does not show up. Any help greatly appreciated. Regards, Matt. (Here is the html, followed by the css...)
<!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="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Beermatt Online Home Page</title>
<link href="css/goldenumber.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="bg">
<p><a href="index.html">home</a> | <a href="web.html">web design</a> | <a href="photography.html">photography</a> | <a href="editing.html">editing</a> | <a href="contact.html">contact</a> | <a href="downloads/Matt_CV.pdf" target="_blank">cv</a></p>
</div>
</body>
</html>
body { font-size: 20px; color: white; font-family: tahoma, verdana, arial; background-color: #000000; }
a:link { color: white; font-size: 16px; text-decoration: none; }
a:visited { color: white; text-decoration: none; font-size: 16px;}
a:hover { color: gray; text-decoration: none; font-size: 16px;}
a:active { text-decoration: none; color: yellow; font-size: 16px;}
#bg { background-image: url(images/terrain.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; }

Hi...
The background image in this CCS style worked fine for me. You might try to include the Width and Height and Visibility...
#layer1 { background-image: url(Frost.png); background-repeat: no-repeat; height: 132px; width: 262px; left: 18px; top: 18px; position: absolute; visibility: visible; }
walt

Image captions not showing in fancybox...

Similar Messages

Maybe you are looking for