IMG SRC предоставлен JavaScript - как?
Я уже пытался гуглить, но мне не повезло.
Как я могу заставить retina.js работать с источником изображения, предоставленным другим файлом javascript?
Я работаю в чужом коде, где сетка изображений обеспечивается файлом javascript. большие пальцы работают с retina.js, но большие изображения, когда я нажимаю большие пальцы, не работают.
В портфолио.html у меня есть этот код:
<div class="portfolio">
<div id="portfolio"></div>
</div>
И это вызвано
<script type="text/javascript" src="js/themes.js"></script>
Внутри themes.js у меня есть это:
$(function(){
$("#portfolio").elastic_grid({
'filterEffect': 'popup', // moveup, scaleup, fallperspective, fly, flip, helix , popup
'hoverDirection': true,
'hoverDelay': 0,
'hoverInverse': false,
'expandingSpeed': 500,
'expandingHeight': 500,
'items' :
[
{
'title' : 'Logo',
'description' : 'Redesign de logo para Medicina Legalis.',
'thumbnail' : ['img/folio/thumb/logo_med_legalis.jpg'],
'large' : ['img/folio/large/logo_med_legalis.jpg'],
'button_list' :
[
{ 'title':'Demo', 'url' : '#' },
],
'tags' : ['logo']
},
]
}); });
Когда я открываю portfolio.html в firefox, retina.js работает над большими пальцами. Если я проанализирую в firebug, я увижу, что большой палец был изменен на @2x, а большой - нет:
<img width="460" height="330" src="img/folio/thumb/logo_med_legalis@2x.jpg" data-largesrc="img/folio/large/logo_med_legalis.jpg">
После щелчка по большому пальцу некоторый JavaScript, который я пока не нашел, берет data-largesrc и генерирует:
<img src="img/folio/large/logo_med_legalis.jpg" style="display: inline;">
Ну вот и мы. Retina.js работает при рендеринге страницы. Есть ли способ заставить его работать на событии click для этого конкретного случая?
Я хочу написать logo_med_legalis@2x.jpg в themes.js для "большого" изображения, но таким образом пользователи, не использующие сетчатку, также будут отображать файл большего размера в своем браузере.
Спасибо!