Light box loads first image everytime

Hello..
I have an issue with a export HTML output of my site... when I click on any of the light box images it always loads the first time regardless of which one I have clicked on... you click off it and click back on to another photo and it works fine...
Its not just the one lightbox... I have quite a few on my site and they all load the first image each time regarless of what you click on...

Please send us the link to your site and your .muse file to [email protected] for further troubleshooting, and also include a link to this forum thread for reference. If your file is larger than 20MB, you can use a service like Adobe SendNow or SendThisFile.
Thanks..

Similar Messages

Adding light box to thumbnail images

HI there
I have been trying to find out how to get images opening up in the main browser, I have been directed to light box, but I am getting very confused with how to create such effect.
I am baiscally trying to get lightbox working when you click a thumbnail image in flash!
would anyone beable to direct me to any tech notes and/or example files on how to do this
many thnks for your help : )

Hi
Are you using compositions ? If yes then you can use one into another by inserting element.
Please provide the page url.
Thanks,
Sanjit

First image always slow to load

I am using PS CS2 on my XP based PC and it has worked fine for a number of years. Recently whenever I start PS is loads fine but then the very first image takes ages to load (>1 minute). All subsequent images load quickly as you'd expect.
It doesn't matter where that first image is saved and the size of the image makes no difference.
Today I tried a re-installation but the problem still exists.
Can anyone shed some light on this?

Thanks for the replies. It does seem to relate to this and I am also having a spot of bother with the printer. If set the default printer to a PDF generator that I have then the problem is solved.
Now, all I have to do is sort the printer issue... (Very slow to get printing from any program). The printer is on my machine but is available through a network to a laptop - both machines suffer this same PS loading problem.

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.

How do I get a image to load first on website?

Not sure if this is possible, but I have created a website
and I have a image as the background. The only problem is that all
the other iamges load up before the background. How can I get the
background image to load first (so the viewer, when visiting the
site for the first time, sees the background image first) before
the other images load? Is this possible?

> Not sure if this is possible, but I have created a
website and I have a
> image
> as the background. The only problem is that all the
other iamges load up
> before
> the background. How can I get the background image to
load first (so the
> viewer, when visiting the site for the first time, sees
the background
> image
> first) before the other images load? Is this possible?
Possible? Probably. Practical? No. Necessary? No.
I'd suggest making your background COLOR a tone that reflects
the image to
some extent. Then, make sure you REALLY compress that
background image.
-Darrel

URGENT : Please HELP : Loading a first image too slow

Hello,
I want to load an image to save it just before in a JPG format so as to obtain finally a byte[] array of this JPG image result.
So, to do it, I tried to load my Image from different ways but I have always a strange comportement... My problem come from the reading :
First, I use the imageio classes...
FileImageInputStream fiis = new FileImageInputStream(file);
BufferedImage input = ImageIO.read(fiis);
And then, I use the oldest method :
Image image = new ImageIcon(file.getAbsolutePath()).getImage();
BufferedImage input = new BufferedImage(image.getWidth(panel), image.getHeight(panel),BufferedImage.TYPE_INT_RGB);
and also :
Image image = new ImageIcon(file.getAbsolutePath()).getImage();
BufferedImage input = toBufferedImage(picture);
But finally, I understood my problem is that the first time I load an image (no matter the format, JPG, BMP, TIFF... or other) the loading phase is very slow and lasts at least 30 sec. But then, every loading that I do will gonna be really fast. (No more than 1 sec.) It's look like if the first time there was a kind of dinamical alocation or something like that.... but I tried to find some configuration parameters to set it... But without success. :-(
If someone could have an idea to suggest me... it would help me very much.
Thanks in advance for your help,
Anthony

Please someone can help me ?!? A suggestion ?
I have tried today one more time to resolve this issue... but without success... Anything I do with the loading of an image... by imageio or other ways... it's still the same problem... the first time I load an image, it takes me 40 - 50 sec to load it and after this first load, it is very fast with others... and with every formats. It's not a question of format but of memory allocation, I think... but I'm not sure...
PRECISION : I work with an applet, is there something to configurate to allocate some memories or another thing ?!?
Thanks in advance for your help, I really need it just right now... I have to finish this job extremly fast !!!
Regards,
Anthony

Loading an image to remove gray box, then unload the image.

I have been searching for this solution for awhile and I can not seem to find an answer.
What I want to do is load an image instead of the gray box (or as soon as the applet loads) as my applet is processing its information. Then when it's completed, it should take away the image when I display the information. (Displaying the information I already have, not the image part though).
Can this be done? If so, please point me in the right direction.

so i took your suggestion about loading the image, then using a thread.. but the thread can't write to the AWT components at the end of the run (specifically the TextArea). This is basically what i have.. but if i display the TextArea after the start, it does display, but you would see the output being displayed. I would just like to show the "loading" then when it's done, display the TextArea over the image to "hide" it.
but i guess my major question now is, why doesn't the TextArea display?
public class CWJVMcheck extends Applet implements Runnable
    String outputString;
    TextArea output_window;
    Image loadingimage;
    private Thread thread;
    public void init()
     super.init();
        loadingimage = getImage(getCodeBase(), this.getParameter("loadingimage"));
     repaint();
     outputString=""; //Collective string of what to output
     setBackground(Color.white);
        output_window.setEditable(false);
     Font currentFont = new Font("Times New Roman", Font.BOLD, 10);
     output_window.setFont(currentFont);
    public void paint(Graphics g)
         g.drawImage(loadingimage, 0, 0, this);
    public void start(){
         try{
     thread = new Thread(this);
         thread.start();
         //while(thread.isAlive())
         //     Thread.sleep(10);
     } catch (Exception ex) {
          addToOutput("output some junk.\n");
          displayToTextArea();
    public void run() {
         add(output_window);
         output_window.append(outputString);
    public CWJVMcheck()
        output_window = new TextArea("", 36, 110, 4);
}

A login webpage gives the message "This script requires that jquery.js be loaded first." then will not show the user ID and password login boxes. How can this be corrected?

A login webpage gives the message "This script requires that jquery.js be loaded first." then will not show the user ID and password login boxes. How can this be corrected?

That message is listed in two scripts on the bank's site. One function that can display the message is named PhotoRotator and the other is named PromoRotator. However, I can't seem to trigger the error myself.
If you have any add-ons that alter the page, such as ad blockers, try creating an exception for these sites and see whether that helps:
www.northrim.com<br>
www.northrimbankonline.com
You also could try this logon page: https://www.northrimbankonline.com/onlineserv/HB/Signon.cgi
(''Obviously you should be cautious about links offered on public forums to ensure you are not being phished! Check them out carefully before entering your username and password.'')

Grid or light box type report in SSRS 2012

Hi I am trying to create a grid report like a light box type display in SSRS. I want to display images horizontally across the report and then down. I am using VS 2013. I understand from my searching that this can be done using a matrix control and grouping
using an expression to limit the number of cells displayed across the page (in my case 3) and this works partly. I get a display where my images are off set like below:
data data data
data data data
data data data
I can't work out how to have each row of images progress down the page so that I see each row of three starting from the left and not off set like this:
Data data data
Data data data
data data data
Grateful for your help.

Hi WhyIsItSoHard,
According to your description, you want to display values in a matrix from left to right and each row align to left, right?
In Reporting Services, values in matrix cells display aggregate values scoped to the intersection of the row and column groups to which the cell belongs. If there is no corresponding value for each intersection, it’s possible that the matrix will display
like the first structure you mentioned. In your scenario, if you want to display as the second structure, you could embed the matrix in a list. Please refer to steps below:
1. Query the table except the null values, then create a list and a matrix, then drag the matrix into the list, and delete the first row of the matrix.
2. The final design should look like below. Then preview the report.
Reference:
Lists (Report Builder and SSRS)
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu
Qiuyun Yu
TechNet Community Support

Safari 7.0 does not loading big image.

Hi. I have Mac book pro (13-inch Early 2013).
I'm Korean. and my english level is very terrible.
but, My MacBook has some problem.
My Mac installed OSX10.9. and safari ver is 7.0.
If loading big image, safari is show black box.
But other brower is show image.
thanks for reading, my broken text.

Please read this whole message before doing anything.
This procedure is a test, not a solution. Don’t be disappointed when you find that nothing has changed after you complete it.
Step 1
The purpose of this step is to determine whether the problem is localized to your user account.
Enable guest logins* and log in as Guest. Don't use the Safari-only “Guest User” login created by “Find My Mac.”
While logged in as Guest, you won’t have access to any of your personal files or settings. Applications will behave as if you were running them for the first time. Don’t be alarmed by this; it’s normal. If you need any passwords or other personal data in order to complete the test, memorize, print, or write them down before you begin.
Test while logged in as Guest. Same problem?
After testing, log out of the guest account and, in your own account, disable it if you wish. Any files you created in the guest account will be deleted automatically when you log out of it.
*Note: If you’ve activated “Find My Mac” or FileVault, then you can’t enable the Guest account. The “Guest User” login created by “Find My Mac” is not the same. Create a new account in which to test, and delete it, including its home folder, after testing.
Step 2
The purpose of this step is to determine whether the problem is caused by third-party system modifications that load automatically at startup or login, by a peripheral device, by a font conflict, or by corruption of the file system or of certain system caches.
Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards. Boot insafe mode and log in to the account with the problem. Note: If FileVault is enabled on some models, or if a firmware password is set, or if the boot volume is a software RAID, you can’t do this. Ask for further instructions.
Safe mode is much slower to boot and run than normal, and some things won’t work at all, including sound output and Wi-Fi on certain models. The next normal boot may also be somewhat slow.
The login screen appears even if you usually log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin.
Test while in safe mode. Same problem?
After testing, reboot as usual (i.e., not in safe mode) and verify that you still have the problem. Post the results of steps 1 and 2.

EPUB - GRAY BOXES Instead of Images

When exporting my epub book, I get gray boxes instead of images. Has anyone else run into this or know what to do to resolve this issue?
All the images are linked properly and InDesign is saying I don't have any errors. The only way I can get images to show up is ONLY if I select "Use Existing Image for Graphic Objects". But if I select this, I lose the cropping and orientation adjustments I've made in my inDesign file. I've even tried just copy and pasting an image into the document itself.
Needless to say I've spent way too long trying to figure this out and haven't made any progress...

If other people can export it fine but you can't, then I would suggest some troubleshooting of your InDesign install.
Have you tried rebuilding your preferences and then re-exporting?
Have you made sure you're not using any third-party plugins that automatically load with InDesign?
Assuming you've done those two tests and are still having a problem, then try it on a test account on your computer. Package the InDesign file and put it on a thumbdrive (or I guess you could just download the files from the link above) and then log out of your account on your computer, and log in again to a fresh new account with admin privileges. (If you haven't created one yet, you should do that first before logging out ... lol)
When you log in to the new account, all the apps are available to you but none of your other account's files or user settings. So open InDesign, download/copy over the packaged file, and open the layout and export. See if that makes any difference.
I have a short course on lynda.com on troubleshooting InDesign (just 10 short videos) that goes over these and other steps.
Watch the Online Video Course InDesign: 10 Tips for Troubleshooting Files
AM

Can a script be written to take the next 2 files in a folder and place them on a background image..then saving with the first images filename..?

Hello all, I hope you can help.
In Photoshop I have a problem to overcome and have delved into the world of scripting..
If there is a quick way to produce the following could someone help me with some pointers?
Here is my situation..
I need to produce a photograph proof card, these are for a double image option so cause me a headache compared to just creating an action..
This proof card really is just a set of two different photographs placed onto a background image.
I would produce two different images of the same person and name them exactly the same except they are suffixed with an A or B to keep them together, these would be in a folder with approx 500 other images for example (250 x two of each person)
My preference for the process would be done in the following sequence:
1/ Open the background file jpg (which is sized at 2400 x 1800 pixels @ 300dpi)
2/ Load the first image from the batch file and place this.
3/ Get the filename of the first image and create it as a text layer and write it below the image at 10 point text size.
4/ Create another copy of this layer and change the font to 3of9barcode font, however the font needs an asterisk before the text then again after it. e.g. *filenameA*
Only the first image has the need for a barcode as they are for the same person. This is at 18 point.
5/ Load the next sequential image from the batch file and place this.
6/ Get the filename for the second image and as Item 3/ create a text layer below at 10 point text size.
7/ Place a png overlay with my copyright information over the images (I need to do this twice, once for each image)
8/ Flatten the images and save the file in a new folder with the same filename as the first image.
I can do this in Lightroom with the exception of putting the barcoded text, and the filenaming, this is because the background image is used as the identity plate and the filename is not based on the data from either photograph..
Can anyone shed some light on where to go from here?
Kind regards
Bryan

Photoshop Scripting-wise this seems fairly "easy".
But I would recommend creating a template file (that already combines background image, png overlay and the Type Layers).
Maybe data driven graphics would also be an option …
Photoshop Help | Creating data-driven graphics

Slow loading of images

When I go to a web page with lots of images (basically, all of them) Safari loads the text portion of the page promptly, then hangs up and waits and after an excruciatingly long time will give up and load question marks for all the images. If I reload the page the images immediately load properly. Sometimes I'll stop the loading process while it's hung up, and reload the page, and again all images appear fairly promptly. Anyone else having this problem? It helps to empty the cache and clear the history, but I can't do that every time I load an image heavy page. Any ideas?
iMac Mac OS X (10.3.4)

Hi Elaine,
Welcome to Apple Discussions
Two areas to check:
Safari Preferences>Appearance panel. Make sure the "image load" selection is checked. If not, do so, then try a page load again.
Otherwise, go to your System Preferences>Network>TCP panel. There, enter 4.2.2.1 and 4.2.2.2 (separate lines) in the DNS servers box. Then select "apply".
Restart Safari and try the page load again.
I notice your tag says 10.3.4. Is this correct? Latest version of OS X Panther is 10.3.9, which would give you an upgraded version of Safari (v 1.3.2). You can upgrade via Software Update in System Preferences. If you do this, do not use the computer during the upgrade process. After finished, make sure you "repair permissions" using Disk Utility>First Aid Panel ini your Utilities folder.
Post back
Message was edited by: Hawaiian_Starman

Is there a way to add a link to Light Box?

I just want to know if there is a way to add a link to Light box? , so when you click the image light box opens and you see a link displayed under the image. Where would I add the link, between what tags?
[HTML] Lightbox Link - Pastebin.com

The original markup is
<a href="assets/images/Alogo.png" data-lightbox="Illustratorwork" data-title="Angie - A client who wanted a logo created for her own personal use."><img src="assets/images/Alogo.png" alt=" A client who wanted a logo created"></a>
When jQuery has finished with it, the markup becomes
<div style="display: block; width: 1779px; height: 817px;" id="lightboxOverlay" class="lightboxOverlay"></div><div style="display: block; top: 50px; left: 0px;" id="lightbox" class="lightbox"><div style="width: 811px; height: 608px;" class="lb-outerContainer"><div class="lb-container"><img style="display: block; width: 803px; height: 600px;" class="lb-image" src="assets/images/Alogo.png"><div style="display: block;" class="lb-nav"><a style="display: none;" class="lb-prev" href=""></a><a style="display: block;" class="lb-next" href=""></a></div><div style="display: none;" class="lb-loader"><a class="lb-cancel"></a></div></div></div><div style="display: block; width: 811px;" class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span style="display: block;" class="lb-caption">Angie - A client who wanted a logo created for her own personal use.</span><span class="lb-number">Image 1 of 4</span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>
You will notice that the original is wrapped in an anchor element, stopping us from placing an anchor element around the title. Yet in the finished markup, the caption does not reside within an anchor element. To wrap the caption in an anchor element we have to fool the browser by using character entities for less than (<) , greater than (>) and quote (') signs. Once the page/modal is displayed, the browser will interpret the entities to what we want.

How to load mutiple image

I'm trying to create a photo manager but I can't find a way to load multiple images onto my frame. I have a thumbnail class that makes thumbnails for an image (which is a modified version of the class ImageHolder from FilthyRichClient)
public class Thumbnails {
     private List<BufferedImage> scaledImages = new ArrayList<BufferedImage>();
private static final int AVG_SIZE = 160;
* Given any image, this constructor creates and stores down-scaled
* versions of this image down to some MIN_SIZE
public Thumbnails(File imageFile) throws IOException{
          // TODO Auto-generated constructor stub
     BufferedImage originalImage = ImageIO.read(imageFile);
int imageW = originalImage.getWidth();
int imageH = originalImage.getHeight();
boolean firstScale = true;
scaledImages.add(originalImage);
while (imageW >= AVG_SIZE && imageH >= AVG_SIZE) {
     if(firstScale && (imageW > 320 || imageH > 320)) {
          float factor = (float) imageW / imageH;
          if(factor > 0) {
          imageW = 320;
          imageH = (int) (factor * imageW);
          else {
               imageH = 320;
               imageW = (int) (factor * imageH);
     else {
          imageW >>= 1;
     imageH >>= 1;
BufferedImage scaledImage = new BufferedImage(imageW, imageH,
originalImage.getType());
Graphics2D g2d = scaledImage.createGraphics();
g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BILINEAR);
g2d.drawImage(originalImage, 0, 0, imageW, imageH, null);
g2d.dispose();
scaledImages.add(scaledImage);
* This method returns an image with the specified width. It finds
* the pre-scaled size with the closest/larger width and scales
* down from it, to provide a fast and high-quality scaled version
* at the requested size.
BufferedImage getImage(int width) {
for (BufferedImage scaledImage : scaledImages) {
int scaledW = scaledImage.getWidth();
// This is the one to scale from if:
// - the requested size is larger than this size
// - the requested size is between this size and
// the next size down
// - this is the smallest (last) size
if (scaledW < width || ((scaledW >> 1) < width) ||
(scaledW >> 1) < (AVG_SIZE >> 1)) {
if (scaledW != width) {
// Create new version scaled to this width
// Set the width at this width, scale the
// height proportional to the image width
float scaleFactor = (float)width / scaledW;
int scaledH = (int)(scaledImage.getHeight() *
scaleFactor + .5f);
BufferedImage image = new BufferedImage(width,
scaledH, scaledImage.getType());
Graphics2D g2d = image.createGraphics();
g2d.setRenderingHint(
RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BILINEAR);
g2d.drawImage(scaledImage, 0, 0,
width, scaledH, null);
g2d.dispose();
scaledImage = image;
return scaledImage;
// shouldn't get here
return null;
A loop will loop through a collection of files and pass them to the constructor of Thumbnails to create thumbnails and then set them as icon for JLabels that will be added to a JPanel, but it throws a java.lang.OutOfMemoryError at this line:
BufferedImage originalImage = ImageIO.read(imageFile);
even when there're only about 8 image files in the collection (total size 2,51MB).
I've seen other people's software that could load hundreds of photos in a matter of seconds! How do I suppose to do that? How to load mutiple images efficiently? Please help!! Thanks a lot!

another_beginner wrote:
Thanks everybody! I appreciate your help! I don't understand why but when I use a separate thread to do the job, that problem disappear. You were likely doing your image loading and thumnail creation on the Event Dispatching Thread. Among other things, this is the same thread that updates and paints your panels, frames, buttons, ect.. When a programer does something computationaly expensive on the event dispatching thread then the GUI becomes unresponsive until the computation is done.
Ideally what you want to do is load images and create thumnails on a seperate thread and update your GUI on the event dispatching thread. I supect that while you are finally doing the first item, you might now be violating the second item.
Whatever, the program seems to be pretty slow on start up 'cause it have to reload images everytime. I'm using Picasa and it can display those thumbnails almost instantly. I know that program is made by professionals. But I still want to know how.I took a look at this Picasa you mentioned. It's the photo manager from google right? You're right in that the thumnails display instantly when starting up. This is because Picasa is actually saving the thumnails, instead of creating them everytime the program starts up. It only creates the thumnails once (when you import a picture) and saves the thumnail data to " +*currentUser*+ /AppData/Local/Google/Picasa2/db3/" (at least on my computer --> Vista).
Also, if your looking for speed then for some inexplicable reason java.awt.Toolkit.getDefaultToolkit().createImage(...); is faster (sometimes much faster) than ImageIO.read(...). But there comes a price in dealing with Toolkit images. A toolkit image isn't ready for anything until it has been properly 'loaded' using one of several methods. Also, when you're done and ready for the image to be garbage collected then you need to call Image.flush() or you will eventually find yourself with an out of memory error (BufferedImages don't have this problem). Lastly, Toolkit.createImage(...) can only read image files that the older versions of java supported (jpg, png, gif, bmp) .
And, another question (or maybe I should post it in a different thread?), I can't display all thumbnails using a JPanel because it has a constant height unless I explicitly set it with setPreferredSize. Even when put in a JScrollPane, the height doesn't change so the scrollbar doesn't appear. Anyone know how to auto grow or shrink a JPanel vertically? Or I have to calculate the preferred height by myself?Are you drawing the thumnails directly on the JPanel? If so then you will indeed need to dynamically set the preferred size of the component.
If not, then presumebly your wrapping the thumnails in something like a JLabel or JButton and adding that to the panel. If so, what is the layout manager you're using for the panel?

Light box loads first image everytime

Similar Messages

Maybe you are looking for