Hisrc для чувствительных изображений, похоже, не работает

Я хотел бы использовать метод hisrc для отображения чувствительных изображений в зависимости от ширины полосы пользовательского интерфейса. У меня есть тестовый файл на моем рабочем столе и на моем iphone 4s, и он по-прежнему просто отображает уменьшенное изображение src по умолчанию, а не изображение большего размера. Можете ли вы увидеть что-нибудь в моем коде, что может быть причиной того, что он не работает? БлагодаряHisrc для чувствительных изображений, похоже, не работает

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" 
"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head> 
<meta http-equiv="Content-Type" content="application/xhtml+xml"/> 
<meta name="HandheldFriendly" content="True" /> 
<title>Gifts</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 

<link rel="stylesheet" href="xhtml2gradientjava1.css" type="text/css" charset="utf-8"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="hisrc.js"></script> 

<script type="text/javascript"> 
$.hisrc.speedTest(); 
$(document).ready(function(){ 
    $(".products").hisrc(); 
} 
</script> 
</head> 


<body> 

<div id="content"> 

    <img class="products centre" src="images/bracelet_opt.jpg" data-1x="images/br0266_300x300.jpg" data-2x="images/br0266_300x300.jpg" /> 
     <div class="box_desc"><h3>Silver Beaded Heart Bracelet</h3><p>Ref: #BD0266</p> 
      <div class="description"> 
      <h4>Description</h4> 
      <p>Beaded Heart Bracelet by Newbridge Silverware. Silver plated heart detail bracelet with a protective anti tarnish layer, presented in a Newbridge Silverware gift box.</p> <h5>Dimensions:</h5> <p>240mm in length and 5mm in width.</p> 
     </div> 
     </div> 
</div> 


</body> 
</html>

Также мне было интересно, нужно ли мне включать как данные-1x и 2x-данных, как для некоторых из изображений 300x300 является самым большим у меня есть. Этот сайт будет направлен на мобильные телефоны, но не на планшеты или ipads. Благодаря

источник

2013-09-15 Sarah

Существует ошибка синтаксиса в коде:

$(document).ready(function(){ 
    $(".products").hisrc(); 
} // missing);

источник

2013-09-15 22:09:16 undefined

Да я вижу. Теперь это работает отлично. Я знал, что это, наверное, что-то простое. Я новичок в javascript. : P :) Спасибо за помощь :) – Sarah

@Sarah Добро пожаловать :) – undefined

Hisrc для чувствительных изображений, похоже, не работает

ответ

Смежные вопросы