Code to display the description 'Alt' of each of my photo under the thumbnail image gallery

Hi there, I hope someone is able to help me because I'm too old, try to understand this!

I would like to have the description 'Alt' of each of my images from photo gallery to show under the nail of the thumb on this web page: unlimited Rosettes | Bespoke Service

I tried a few things from jquery, but none of them seemed to work - or I was doing it wrong! Also, when you click on the image of the Gallery, the text does not appear in Mozilla Fire Fox but it does in Safari. Any help would be greatly appreciated!

Thank you, Emily

Hi Emily,.

(Dans votre fichier "functions.js" (trouvé dans votre dossier « / js"), paste my code just before the last )};

Place in this file kept with most of your other js stuff and it will work at the site level.

I see that you have reduced the size of the thumbnails that may cause problems of presentation if you enter the text under them.

I recommend making it a bit bigger to accommodate the text labels and then you will probably want to adjust your CSS to make your miniature table cells behave.

So let's say that increase you your size of the large thumbnail to 128px. Add the property of width in bold below in your "ModuleStyleSheets.css" file (on line 1797):

table.photogalleryTable td {}
float: left;
Padding: 9px;
Width: 128px;
}

Tags: Business Catalyst

Similar Questions

  • Link to graphic images and display the same image on two different series

    I create a brochure DIN A5 landscape (l x h - 210 x 148) that has two pages each Board. Now, I want to connect two graphic frames on two different series (starting page 4 continued on page 5) to display the same image. This image is then next to each other after printing.

    Please take a look at the photos (situation and endresult).

    Could you please help!

    Thank you!

    Phil

    CURRENT situation

    link-image-to-another-page_1.jpg

    endresult

    link-image-to-another-page_endresult.jpg

    It is not clear to me that you understand that you should be setting this up as a file "facing pages" where each page is half of a spread, not the full-spread by page you started with. In order to impose the pages must be independent of each other in the file.

    From the screen shot it seems that when folded your book will be A5 landscape format, so if this is the case, you will want to set up as faced with pages A5 landscape. Guests will have a single page for the first and last pages, and the rest will be displayed as two-page spreads, just like your reader will see them. Given that this seems to be a folded booklet, you should also keep in mind that the number of pages should be a multiple of 4 - two sides of two pages per sheet.

    To a printer you will probably offer a PDF file, exported as a single document with individual pages in the reading order. If you want to print yourself, InDesign has a module simple integrated tax called booklet print in the file menu.

  • How to display the thumbnails in the default view

    How to display the thumbnails in the default view. I have just started a test of DC Acrobat and cannot find how to set the thumbnail view as default.

    Thanks George. Seems to only work for individual documents. If I do your instructions, close the document and then re - open, then of course the miniature view opens immediately. However, if I open another document the thumbnail view is not here. I need the thumbnail view to be opened by default for all documents as older versions of Adobe and other PDF software. If you can help that would be great.

  • How to print a selection of an image in photoshop CC, I have problems because in the print window does not display the full image and the printed only a section of what I SELECTED

    How to print a selection of an image in photoshop CC, I have problems because in the print window does not display the full image and the printed only a section of what I SELECTED

    Hi jodepepevalentin,

    In the print menu, check "scale to fit media" under the Position and size of the device and then check out.

    If you want the area selected for printing, check "Print selected area" under the Position and size and specify the size.

    Kind regards

    Claes

  • During the insert, the program monitor does not display the adjacent images

    On page 207 of the manual, it says:

    The program monitor can help you determine where to place a clip you add to a sequence. During a change of crush it, it displays the images

    in the adjacent sequence for the new clip head and tail. During a montage of the insert, it displays the adjacent images at the insertion point.

    When I drag a clip in the project Panel in a sequence, everything works as indicated in the manual. And when I drag the same clip with the program monitor, everything works still fine - but I don't see any adjacent items displayed. How to view?

    This works when you drag the movie, not the program monitor.

  • Unable to display the thumbnails in Bridge

    I am running Windows 7 (64-bit), have downloaded the RAW update more recent (4.6) for CS3.  I am able to open RAW files and work with them - just can't display the "thumbnail" picture Bridge - makes it difficult to view and edit files.  What Miss me?  Thank you!

    What the camera has taken raw images?

    If the ACR version is correct, the plug-in can be in the wrong place.

    How did you install it?

  • Adding movieclip "loading" in the dynamic image gallery?

    Hello again,

    I finished my Gallery of images based on the XML, but the direct test after I realized I did a rookie mistake and not to put some kind of placeholder "loading" loop movie clip while the thumbnails - and the images at full size - are responsible. Images will appear randomly when loading and I would like to be able to insert a placeholder clip while they load and exchange with the thumbnails/images after that that it was loaded. The placeholder clip is in my library (loadingLoop), but I have problems to make it work properly.

    Here is the original function that transforms the XML and adds thumbnails; It's when I try to insert the clip of space reserved by XML child node (each attempt I did just keep throwing more errors, so I failed in my attempts to avoid confusion), and I joined the XML file for testing. And a preview or help would be appreciated.

    Browse to the external XML file and trigger the xmlLoaded when finished
    xmlLoader.load (new URLRequest("data/artGallery.xml"));
    xmlLoader.addEventListener (Event.COMPLETE, xmlLoaded);

    Load the XML file and process the location of images
    function xmlLoaded(event:Event):void {}
    XML = XML (event.target.data);
    analyze the nodes in the XML file
    xmlList = xml.children ();
    count the number of nodes in the XML via XMLList
    trace (xmlList.length ());
    loop to load all of the vignettes, based on the number of nodes in the XMLList
    "I am" = all of the child nodes in the XML file
    for (var i: int = 0; i < xmlList.length (); i ++) {}

    Add loadingLoop movie clip by node and wait for thumbnail to load before swapping with thumbnails imageLoader <-help!


    for each node, create a new instance to put on stage
    imageLoader = new Loader();
    load each thumbnail from its location by the 'thumb' of the XML node attribute
    imageLoader.load (new URLRequest (xmlList [i] .attribute ("thumb")));
    position of the miniature instances per XML node (horizontally on stage)
    imageLoader.x = i * 110 + 10; thumbs has so 100 x 100, + 10 for width, plus + 10 of left border
    imageLoader.y = 10;
    for each node in the XML list, the instance name with the path to the location of the image full size
    imageLoader.name = xmlList [i] .attribute ("source");
    for each node in the XML list, add a drop shadow
    imageLoader.filters = [thumbDShadow];
    Add thumbnails to stage
    addChild (imageLoader);
    dropTween = new Tween (imageLoader, "y", Bounce.easeOut,-100, 10, 1, true);
    implemented vignettes to wait click Run showPicture
    imageLoader.addEventListener (MouseEvent.CLICK, showPicture);
    set thumbnails to scale up when spilled
    imageLoader.addEventListener (MouseEvent.ROLL_OVER, sizeUP);
    }
    }

    my mistake.  use:

    function xmlLoaded(event:Event):void {}
    XML = XML (event.target.data);
    xmlList = xml.children ();
    for (var i: int = 0; i< xmllist.length();="" i++)="">

    var mc:MovieClip = new MovieClip();

    MC. Ivar = i;

    addChild (mc);

    MC. LDR = new Loader();
    MC. LDR. Load (new URLRequest (xmlList [i] .attribute ("thumb")));
    MC. LDR. Name = xmlList [i] .attribute ("source");

    MC.x = i * 110 + 10; thumbs has so 100 x 100, + 10 for width, plus + 10 of left border


    mc.addChild (mc.ldr);

    MC.loadingloop = new loadingLoop();

    mc.addChild (mc.loadingloop);
    MC.filters = [thumbDShadow];


    mc.ldr.contentLoaderInfo.addEventListener (Event.COMPLETE, removeLoop);

    mc.addEventListener (MouseEvent.CLICK, showPicture);
    mc.addEventListener (MouseEvent.ROLL_OVER, sizeUP);
    }
    function removeLoop(event:Event):void {}
          event.target.loader.parent.removeChild (MovieClip (event.target.loader.parent) .loadingloop);
    }
    }

  • How can I change the thumbnail image of a music file (song.wma)

    When you use the media player, a thumbnail image has been placed on all the music files (example: song.mp3, song.wma & song.m4a). I want to manually change the thumbnail images on these files.

    How can I change the thumbnail image of a music file (song.wma)?

    Hi ksquare2,

    See the following information about your question:

    http://Windows.Microsoft.com/en-us/Windows7/add-or-change-album-art-in-Windows-Media-Player

    I hope this helps!

  • Facebook recommend button: allows you to set the thumbnail image that appears in the FB newsfeed?

    I have successfully added a Facebook button to recommend to a page on my site. It works and when I click the button appears in my FB newsfeed. However, the thumbnail image of the Web page that appears is a piece little cropped Web page - you can't tell what it is and it's horrible.

    Use the Open Graph tags you add to theyour Web site (Page Properties-> metadata-> HTML for)) to describe the entity your page is for example:

    Learn more about the Open Graph tags to FB here (Starting Point 3) - t https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-conten

    There are more tools to make sure that you put the necessary tags correctly on your page as a tool for Facebook debugger here - http://developers.facebook.com/tools/debug

    Thank you

    Vinayak

  • Code to display the warning Page.

    Hello experts,

    None of you has code sample for the call/display "Warning Page"?
    For example, when the user clicks on Save/Apply, I want the next page to view click alert message "are you sure you want to continue? OK or cancel.

    Thanks in advance!

    Hello

    You can get the same using OADialogPage.

    More details of the Toolbox tutorial,
    or check the code in the example below.

    If (PageContext.GetParameter (DELETE_BUTTON)! = null)
    {
    writeLog (pageContext, "DELETE_BUTTON BN Pressed");
    Tokens [] MessageToken = {new MessageToken (TRIP_REQ_ID, salaryRequestId)};
    OAException mainMessage = new OAException ("XXHR", "XXHR_TRIP_REQUEST_DELETE"); (/ /, null);
    OAException mainMessage = new OAException ("XXHR", "XXHR_SAL_LOAN_REQUEST_DELETE"); (/ /, null);

    DialogPage OADialogPage = new OADialogPage (OAException.WARNING,
    mainMessage,
    NULL,
    "",
    "");
    String Yes = pageContext.getMessage ("AK", "FWK_TBX_T_YES", null);
    String number = pageContext.getMessage ("AK", "FWK_TBX_T_NO", null);

    dialogPage.setOkButtonItemName ("DeleteYesButton");

    dialogPage.setOkButtonToPost (true);
    dialogPage.setNoButtonToPost (true);
    dialogPage.setPostToCallingPage (true);

    Now define our yes/no labels instead of the default OK/Cancel.
    dialogPage.setOkButtonLabel (yes);
    dialogPage.setNoButtonLabel (no);
    java.util.Hashtable formParams = new java.util.Hashtable (1);
    formParams.put (PRESSED_BUTTON, DELETE_BUTTON);
    formParams.put (TRIP_REQ_ID, tripRequestId);

    dialogPage.setFormParameters (formParams);
    pageContext.redirectToDialogPage (dialogPage);

    } else if (pageContext.getParameter ("DeleteYesButton")! = null)
    {//delete registration
    }

    With respect,
    Kali.
    OSSI.

  • Error code #0xe0f00013, using the factory image restore

    Hello world

    I've had this laptop for about 8 months. The model is HP PAVILION DV6T-4000 NOTEBOOK of NOTES,

    I'm a software developer, so I need to install Linux on this machine using dual boot.

    I created the recovery disks before installing linux.

    Once I installed linux, windows 7 has stopped working and started asking for the disc of windows 7. Using recovery discs, couldn't find an option to restore the old installation of windows 7 (these options are disabled). Other options of formatting HD and restore out-of-factory State were available. In the end, I had to select restore factory image.

    When I boot the recovery dvd and do a system restore it support all 5 discs and the 6th disc when it is 83% and is "copy files needed to restore the hard disk" it throws below error:

    "Recovery Manager is unable to restore your computer by using the original image.  Please contact HP support.  "Error code: 0xe0f00013.

    I tried to restore it 3 - 4 times, each time that the result would be the same.

    I ran HD self-test, which doesn't show any problem with my HD recovery, I created discs are cool and have no scratches. I'm not sure what the cause of this problem.

    All this raises questions under:

    (1) what is the hexadecimal code "0xe0f00013?"

    (2) once we buy a "personal" NOTEBOOK, should we not be free to install any operating according to our need?

    3) why HP does not provide with a Windows disc, and why should we depend on recovery disks, or the recovery partition; These unreliable mechanisms?

    Earlier, I had a Dell laptop that provided me with all the windows and recovery disks.

    I bought HP recovery discs. lets see if provided HP recovery disks.

    If anyone has any other work around, please help.

    Thank you.

    Hello

    There may be a work-around if you have (or can borrow) an installation disc Windows 7 at retail which is exactly the same version as your OEM installation - IE if your laptop comes with Windows 7 Home Premium 64-bit, it comes to the retail version accurate, you would need.

    If you do not access to the retail drives, you can create an installation disk yourself - just download good picture disc from the link below and use an app like ImgBurn to burn the ISO correctly on a blank DVD.

    http://www.mydigitallife.info/Download-Windows-7-ISO-official-32-bit-and-64-bit-direct-download-link...

    Use the disk to perform the installation, enter the Windows activation key located on the underside of your laptop when asked and once installation is complete, use the 'method of phone", described in detail in the link below to activate the operating system - this method supported by Microsoft and is popular with people who want to just have a new installation of Windows 7 without additional software load normally comes with OEM installations.

    http://www.kodyaz.com/articles/how-to-activate-Windows-7-by-phone.aspx

    Additional drivers, you may need to find from here.

    Kind regards

    DP - K

    

  • do not display the iPhoto images

    My iPhoto library says I 24 518 images, but these images are not displayed - I see only gray boxes surrounded by dotted lines. However, by clicking on the individual boxes will reveal an image in mode full-screen (this is of course a random exercise that shows no preview image). At this stage the roll of pictures on the bottom of the screen also consists of copies without end of the first image in the entire library.

    Can someone tell how to fix this?

    I use iPhoto 11, version 9.2.3 (629.52) on an iMac OS X Version 10.7.5 running.

    Thank you.

    See if this support article detailing how to rebuild the iPhoto library allows:

    iPhoto 6 and later: rebuilding the iPhoto - Apple Support Library

    LarryHN or OldToad experts residents photos can be around to soon to help as well.

    See you soon,.

    GB

  • How to adapt to the size to display the entire image in the display of the image?

    HI, I use a range of control to display my video images using image display. However, the size is always out of proportion. How can I view the entire image in the size of the screen of box. Essentially, in order to adjust the size for the images?

    You have this option in the indicator of the Image itself. Right-click on the indicator, you will get an option something like "Image Fit with indicator" (sorry I forgot the actual name)

  • Xperia z3 foto widget display the broken image icons instead of thumbnail/preview image

    Initially, I used my Z3 without SD card. Any word very well: album AND the foto widget that allows to navigate through the photos.

    After

    -installing an SD card,

    -changing the location for newly taken photos on SD card

    - AND by moving some pictures of other directories-

    - AND the creation of a number of files .nomedia on these directories to make these photographs appear not not in the album, nor in the foto widget.

    foto widget displays an icon of a broken image for all photos taken prior to this change. All new photos appear in the widget and app album.

    I delete the file data and the album (in album settings - all apps) cache-.

    It does nothing (so far).

    How can I force the app/widget album to recreate its database and preview/thumbnails?

    Thank you very much.

    M ~.

    Working solution for the following:

    Order the soft MediaStorage
    Settings > Apps > all > storage media (FROM: Medienspeicher) "App Info" > stop App

    Data deleted from the App MediaStorage
    Settings > Apps > all > storage media (FROM: Medienspeicher) 'App Info' > clear data

    Restarted the application (via MyPhoneExplorer) or by rebooting the phone.

    The process appears in the form "android.process.media" in the list of processes (not sure, I guess) android

    To provide a treatment could turn the endurance mode or add "MediaStorage" to the list of exceptions of runing apps background even in mode stamania.

    (> a) how long it would take to recreate the database and photos? The directory of the main image (DCIM on the SD card) contains > almost 1000 photos).

    A: it is __NOT__ take very long. For my 1000 + pictures and a few videos is was a matter of minutes to see the widget started foto avatars correctly and see the album recovers very quickly. If you reach a corner of the album or the photo images widget still not recovered, the image appears rather quickly.

    (>) b where residing the .thumbnails directory? -After accepts the SD - be - it in/storage/sdcard1/DCIM or > in/storage/sdcard0/DCIM as it was before the installation of the SD card?

    R: it seems that the .thumbnails directory still resides on the internal memory (i.e./storage/sdcard0/DCIM). This is at least the case for my phone.

    It also seems that .thumbnails files are ONLY used for the foto widget for the App album someone could confirm?

    (> c) how to either force the media scanner to run and update the widget photos foto and the album database / see/check that

    > it runs.

    Stop the MediaStorage process, clear data from this application and start it again again and keep visiting the widget from the album and or foto.

    See you soon,.

    Michael

  • No display of the thumbnail image only box just logo of the program used to open it?

    When I open one of my photo folders the thumbnail view of all the photos in the particular folder will come with the logo of the particular show used to open it, but there is no display of the particular image. What should I do so that the images will show (in box) picture of the folder with images makes it explicit. Thank you!

    The solution to the problem where I selected systems in conrtrol Panel; checked the systems developed and then, under performance settings I checked Show thumbnails and not icons. In fact, it was already ticked so I don't know why it was a problem in the first place.  Thank you!!

Maybe you are looking for