2

I've built a small web-app for my JavaScript class that goes above and beyond what is required, but while adding some extra features I ran into a bit of a hiccup.

I used what I believe is an older version of bootstraps lightbox by accident, but it works so I don't see any reason as to why use another version. Anyhow, when I try adding the title for the modal using data-title, I only get the first word of the title.

image one image two

I've went ahead and made a clone of it on: http://flickrwebapp.netne.net/

Snippet for Naviego

        $.getJSON(flickrFetch, function(data) {
        $(data.items).each(function(index, value) {
            $('#photos').append("<h2>" + value.title + "</h2>");
            $('#photos').append('<img src=' + value.media.m + ' alt=photo data-title= ' + value.title + ' class="img-tumbnail img-resonsive" data-toggle="lightbox" data-gallery="global-gallery" data-remote=' + value.media.m.replace('_m', '_b') + '>');
            $('#photos').append('<p><strong> Tags: </strong>' + value.tags + '</p>')
            clearInput();
        });

    });
Augie Luebbers
  • 308
  • 1
  • 2
  • 15

1 Answers1

0

REMOVE WHITESPACE

That blank is killing you .. why not show you the correct title. Try Putting together all the words without spaces to see if it shows you everything. If you show it, you are close to solving the mystery :)

Community
  • 1
  • 1
JMF
  • 1,083
  • 7
  • 17