Как Достать Картинку?

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем pekinessik, 20 дек 2012.

Статус темы:
Закрыта.
  1. pekinessik

    pekinessik Гость

    Привет, народ. Есть вопросик. Мне надо достать картинку, которая находится на несколько уровней выше ссылки, на которую я нажимаю, чтобы выводилась картинка - с этим, вроде справился, но проблема в том, что у меня картинки выводятся в цикле, и у меня получается достать только первую картинку.

    Вот код:

    Код (Text):
    $(document).ready(function() {
    function image() {
    var img=$('#btn-img-modal').closest('#edit-image').find('img').attr('src');
    $('#file-image-show').attr("src", img);

    };
    });

    Вот так у меня выводятся картинки:

    Код (Text):
    <div class="row-fluid">
    <ul class="thumbnails">
    {% set files = deal.files %}       
    {% for file in files %}
    <li class="span3" style="margin-left: 17px; position: relative;">
    <div class="thumbnail" id="edit-image" style=" height: 250px !important;">                                 
    {% set ADB_VIEW_BUTTON = '' %}
    {% if file.mimeType.fileGroups.name == 'Image' %}
    <img class="file-image" src="{{ file.link | apply_filter('account_avatar_img')}}" />
    {% set ADB_VIEW_BUTTON = '<a href="#" class="btn view-image" style="position: absolute; bottom: 10px; left: 10px;"><img src="'~ asset ("omlook/img/eye.png") ~'" alt="{%trans%}ADB_VIEW{%endtrans%}" style="margin-top: -2px;" />' ~ '</a>' %}
    {% else %}
    <img src="{{ 'img_admin/icon-not-available.jpg' | apply_filter('account_avatar_img') }}" />
    {% set ADB_VIEW_BUTTON = '<a href="'~ asset(file.link) ~'" class="btn " style="position: absolute; bottom: 10px; left: 10px;"><img src="'~ asset ("omlook/img/eye.png") ~'" alt="{%trans%}ADB_VIEW{%endtrans%}" style="margin-top: -2px;" />' ~ '</a>' %}
    {% endif %}


    <div class="caption">
    <p>
    <a href="#myModal1" role="button" data-toggle="modal" id="btn-img-modal" class="btn btn-danger" onclick="image()" style="position: absolute; bottom: 10px; right: 10px; padding: 4px 13px 4px 13px;">
    <img src="{{ asset ('omlook/img/cancel.png') }}" alt="{%trans%}ADB_DELETE_IMG{%endtrans%}" style="margin-top: -2px;" />
    </a>
    {#<a href="#" class="btn btn-info view-image">{%trans%}ADB_VIEW{%endtrans%}</a>#}
    {{ ADB_VIEW_BUTTON | raw }}
    </p>
    </div>
    </div>
    </li>
    {% endfor %}
    </ul>
    </div>
    Вот куда их надо выводить при нажатии на ссылку:

    Код (Text):
    div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>
    <h3 id="myModalLabel">{%trans%}ADB_DELETE_IMG_VOPR{%endtrans%}</h3>
    </div>
    <div class="modal-body" style="text-align: center;">
    <p>
    <img class="file-image" id="file-image-show" src="" />
    </p>
    </div>
    <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">{%trans%}ADB_DELETE_IMG_CLOSE{%endtrans%}</button>
    {% set files = deal.files %}       
    {% for file in files %}
    <button class="btn btn-danger"><a href="{{ path('_deal_delete_file', {'fileId': file.id, 'dealId': deal.id }) }}" style="color: #ffffff;">{%trans%}ADB_DELETE_IMG{%endtrans%}</a></button>
    {% endfor %}
    </div>
    </div>
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей