Блог

Главная - Вопросы по программированию - Как создать подпись с изображениями в галерее jquery

Как создать подпись с изображениями в галерее jquery

#javascript #jquery #css #image #caption

#javascript #jquery #css #изображение #подпись

Вопрос:

У меня есть галерея изображений, над которой я работаю

пример: http://imagethrow.com/design-studio-all-throws.html

прямо сейчас он отображает только изображения, я бы хотел, чтобы у каждого изображения была подпись либо над, либо под изображением.

это html-часть галереи:

 <a class="imgLink" href="path-to-the-image.jpg">Image name</a>
<img src="" id="theImage">

jquery:

 <script>
$(document).ready(function(){
$('.imgLink').click(function(){
    var imgPath = $(this).attr('href');
    $('#theImage').attr('src',imgPath);
    return false;
    });
});

Если возможно настроить приведенный выше код, чтобы добавить заголовок, который был бы идеальным.

Комментарии:

1. Какой вы хотите, чтобы подпись была? Текст привязки?

2. Я не хочу, чтобы он был интерактивным, просто строка или около того текста, описывающего изображения.

3. Да, но откуда берется текст для подписи ?

4. @user3237758 Как спросил Дэвид, откуда взялось описание? Если он отличается от <a> тега, на который вы нажимаете, то, вероятно, лучший способ — добавить атрибут данных в свой <a> тег. Какие браузеры вы хотите поддерживать??

5. Я бы хотел, чтобы он исходил из тега <a>, на который вы нажимаете.

Ответ №1:

  1. Вам нужно добавить новый html-тег, содержащий этот заголовок, например, вы можете использовать div
  2. Добавьте код jquery, чтобы выбрать этот div и изменить текст

Вот вам пример: http://goo.gl/h8JJk3

Комментарии:

1. Это близко к тому, что я ищу. Как мне отредактировать это, чтобы для каждого изображения была другая подпись?

Метки: