Здравствуйте.
Небольшая предыстория:
Решил сделать так, чтоб, на сайте, при клике на фото оно увеличивалось в том же окне.
Здесь
http://jquerytools.github.io/demos/overlay/index.html нашел как это сделать.
Добавил в css файл соответствующий код. В хэдэре подключил библиотеку jQueryTools. Сама jQuery уже была подключена ранее.
В футер добавил скрипт
<script>
$("img[rel]").overlay();
</script>
На главной странице получился такой код
<div id="triggers">
<img src="<?php echo Product::getImage($product['id']); ?>"
<?php echo Product::getRel($product['id']); ?> alt=""/>
</div>
<div class="simple_overlay" <?php echo Product::getMies($product['id']); ?>>
<a class="close"></a>
<!-- large image -->
<img src="<?php echo Product::getImage($product['id']); ?>" alt="" />
</div>
Методы getRel и getMies возвращают rel="#mies" и id="mies" соответственно, с id продукта на конце.
И всё работает! Никаких нареканий.
Решаю осуществить тоже самое на странице товара.
Хэдер и футер отдельными файлами и подключены ко всем страницам сайта, так что в них не лезу. Как и в css.
Получается такой код
<div id="triggers">
<img id="largeImg" src="<?php echo Product::getImage($product['id']); ?>"
<?php echo Product::getRel($product['id']); ?> alt="Фото 1" />
</div>
<div class="simple_overlay" <?php echo Product::getMies($product['id']); ?>>
<img src="<?php echo Product::getImage($product['id']); ?>" alt="" />
</div>
Но он не работает! И я не могу найти проблему.
Пробовал убирать id="largeImg" и делать код абсолютно идентичным, не помогает.
Все php скрипты работают исправно.
Пощупать странички можно тут
http://test.lilisava.ru/ - главная.
http://test.lilisava.ru/product/59 - страничка товара.