Question

我已经尝试谷歌但我没有运气。

如何使retina.js与其他javascript文件提供的图像源一起使用？

我在其他人的代码中工作，其中图片网格由javascript文件提供。拇指正在使用retina.js，但是点击拇指时的大图像却没有。

在portfolio.html中我有这段代码：

<div class="portfolio">      
   <div id="portfolio"></div>
</div>

由

触发

<script type="text/javascript" src="js/themes.js"></script>

Inside 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']
        },
    ]
});   });

当我在firefox中打开portfolio.html时，retina.js正在努力工作。如果我在萤火虫中进行分析，我可以看到拇指已被更换为@ 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在渲染页面时有效，有没有办法让它适用于特定情况的点击事件？

我在themes.js中为'大'图像冷写logo_med_legalis@2x.jpg但这样非视网膜用户也会在浏览器中呈现更大的图像文件。

谢谢！

img src由javascript提供 - 如何？

0 个答案: