Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member P-James's Avatar
    Join Date
    Mar 2014
    Posts
    8
    Member #
    38826

    IS it possible to add text captions to the large images in my photo gallery

    Hi, I was wondering if someone could give me a little help.

    I am creating a website for a family member and am using a template (electrix) from w3layouts.com.
    The issue I am having is that I am not sure if or how to have a text caption on the full size image.

    Here is the HTML for a picture in the gallery
    Code:
    <div class="col-md-3 img-top ">
    <a href="images/cat-1.png">
    <img src="images/cat-1.png" class="img-responsive" alt="">
    <div class="link-top">
    </div>	
     </a>
    </div>
    So the “a href” image is the full size image and the image in the “img src” is the thumb size. I do know that I can place text in the div class="link-top" but it appears over the thumb image and not the large one.

    I know I could use the alt tag but I want a constant view, not just on a mouse over, and also larger display.
    One thing that has me confused is the large image is a (a href) link and the thumb image is a regular img src. I would think that it has to do with “jquery.flexslider.js” file and the way the gallery operates.

    Currently the gallery only requires one size for the images and resizes it for the thumb page. I have made a second copy of each image and added a layer with the text caption on it, but I do have 100 + images and if they need to be changed or have a mistake… I have to go recreate the image in photoshop, so not the most user friendly way.

    Also, the sight is not yet published as it is not complete. As soon as I sort out this issue, my wife will be switching it into French Canadian.

    Any insight and help would be greatly appreciated.

  2.  

  3. #2
    Senior Member brandMatt's Avatar
    Join Date
    Oct 2015
    Location
    St .Catharines Ontario
    Posts
    240
    Member #
    52164
    Liked
    51 times
    I would throw a span with my caption in inside the anchor. Images of text are never a good idea for many reasons. The text cannot be manipulated with css, the text cannot be indexed by a search engine, the text cannot be translated as easily on the user's end (client side), the list goes on...

    Does the gallery plugin you are using support captions?

    My Web Site:
    brandwebdesign.ca
    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link. Some of us are really insecure and need those likes so that we feel important and smart, so come on, help us out, huh?

  4. #3
    Junior Member P-James's Avatar
    Join Date
    Mar 2014
    Posts
    8
    Member #
    38826
    Hi brandMatt,

    I did try to put a span within the anchor, but no matter were I located the span, it only would appear on the thumb image and not the large one.

    I guess that is what I need help to figure out.. the plugin used form this template is jQuery FlexSlider v2.1. I did go to the creators site and tried to find an answer there.. so far no luck.

  5. #4
    Senior Member brandMatt's Avatar
    Join Date
    Oct 2015
    Location
    St .Catharines Ontario
    Posts
    240
    Member #
    52164
    Liked
    51 times
    If there is no documentation available from the author. You might want to look at finding a new plugin, or developing one yourself.

    Ive ran into the same problem many times. I no longer use 3rd party plugins, I just build my own right out the gate. Things become obsolete much more quickly these days, we live in a disposable society.
    Last edited by brandMatt; Nov 25th, 2015 at 02:10 PM.

  6. #5
    Junior Member P-James's Avatar
    Join Date
    Mar 2014
    Posts
    8
    Member #
    38826
    Thanks brandMatt, Unfortunately I don't have the time nor the skill set to develop one myself as this is not what I do for a living.

    Can anyone recommend a good free user friendly gallery plugin?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:01 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com