Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Вывод title под соответствующей картинкой

Вывод title под соответствующей картинкой


     18.06.2012    картинка, title    Общие вопросы по вёрстке, Шаблоны (TPL), Хаки    6861

вопрос
Здравствуйте! Есть такой вопрос. Как мне отобразить title картинки под ней(картинкой), который вводим при добавлении новости(при загрузке картинки)? Заранее благодарен за ответ!

Ответил: ПафНутиЙ


<!DOCTYPE html>
<html>
<head>
    <title>Заголовок под картинкой</title>
    <meta charset="utf-8">
    <style>
        body {
            width: 600px;
            margin: 50px auto;
            }
    </style>
</head>

<body>
    <div class="news">
        <img src="http://lorempixel.com/400/200/abstract" title="Заголовок картинки">
        <img src="http://lorempixel.com/400/200/technics" >
        <img src="http://lorempixel.com/400/200/people" title="Заголовок картинки 3">
        <img src="http://lorempixel.com/400/200" title="">
    </div>
    

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script>
        jQuery(function($) {
            newsImg = $(".news img");
            newsImg.after(function(){
                imgTitle = $(this).attr("title");
                if (imgTitle) return "<p>"+imgTitle+"</p>";
            });
        });
    </script>
</body>
</html>

1 комментарий

jekonya
Юзер

jekonya - 15 сентября 2012 16:38 -

Наверное указать {title} после места где выведено ваше дополнительное поле...?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх