один простой модный сценарий для обработки изображений

Question

У меня есть http://communitychessclub.com с примерно 20-30 меньшими jpeg, разбросанными по всему сайту. Я хочу щелкнуть по изображению и иметь простое изображение на большом изображении. Проблема в том, что я не хочу использовать отдельные сценарии для каждого эскиза. Я просто хочу передать высоту и ширину каждого jpeg для одного простого шаблона. Похоже, что было бы быстрее, если бы компьютер знал, что делать без поиска скрипта для каждого связанного с ним изображения. Может быть, я мог бы передать высоту и ширину CSS с «OnClick = ... и т.д.

http://chesstao.com/test-2.php страница образца.

это возможно ли? Что я должен делать?

<a href="images/aveskulov-medium.jpg" class="photo" />pic-1</a> 
<a href="images/Jeff%20Plew.jpg" class="photo" />pic-2</a> 

<!-- new code which works, but modal isn't centered V or H--> 

<script> 
    $(document).ready(function(){ 
    $(".photo").click(function(e) { 
     var hrefval= $(this).attr("href"); 
     $.modal('<img src=" ' + hrefval + '">', { 
     containerCss: {autoPosition:'true'}, 
     overlayClose: true 
     }); 
     e.preventDefault(); 
    }); 
    }); 
</script> 

Answer 1

Ваш код на самом деле выглядит хорошо, есть только некоторые простые опечатки, которые нужно исправить, чтобы сделать его работу:

1. вы никогда не закроете вызов $.modal остроумия h a final ).
2. Фактически вы не закрываете функцию $(document).ready.

Вот фиксированная версия:

<script> 
    $(document).ready(function(){ 
    $(".photo").click(function(e) { 
     var hrefval= $(this).attr("href"); 
     $.modal('<img src=" ' + hrefval + '">', { 
     containerCss: { height:'auto',width:'auto'}, 
     overlayClose: true 
     }); 
     e.preventDefault(); 
    }); 
    }); 
</script> 

И a working jsFiddle

я рекомендовал бы быть прилежными о правильном пробельных вложенности, так что вы можете обнаружить такие проблемы, как это с первого взгляда.

Кроме того, используя консоль javascript, когда вы делаете такую ​​разработку, вы можете увидеть сообщения об ошибках от опечаток, таким образом вы узнаете, есть ли ваша концепция, или если отсутствует символ, предотвращающий ваш код из выполняются.