Сценарий увеличения изображения не работает - PullRequest
Новая
       0

Сценарий увеличения изображения не работает

0 голосов
/ 08 декабря 2011

Я пытаюсь заставить этот скрипт работать, но у меня возникают некоторые проблемы.

Это мой сайт .

Я следовалинструкции на сайте скрипта и сделали это:

  1. Добавил ссылку на скрипт к head.

  2. Добавлено <script type="text/javascript">$(window).load(function() {$('body').nivoZoom(); });</script> справапосле ссылки на скрипт в голове.Должен ли я вызвать функцию в другом месте?

  3. Обернул меньшее изображение внутри тегов <a> и добавил класс nivoZoom.Все ссылки на изображения работают.

Проблема с моим сайтом в том, что скрипт не работает.Вместо этого, если щелкнуть по меньшему изображению, оно просто приводит к адресу большого изображения и не увеличивает его, как предполагается.

ОБНОВЛЕНИЕ:

Вот мое целое <head>, Я не вижу, куда я загружаю jQuery во второй раз ОК, я вижу, что он загружается, но я не могу найти, где код : 

<head>

<script type="text/javascript" src='/wp-content/themes/thefalltheme/js/example.js'></script>

<link rel="stylesheet" href="http://india.thefalljourney.com/wp-content/themes/thefalltheme/js/nivo-zoom.css" type="text/css" media="screen" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.2.1'></script>
<script src="/wp-content/themes/thefalltheme/js/jquery.nivo.zoom.pack.js"></script>

<script type="text/javascript">
$(window).load(function() {
$('body').nivoZoom();
});
</script>

<meta charset="<?php bloginfo('charset'); ?>" />

<?php if (is_search()) { ?>
   <meta name="robots" content="noindex, nofollow" /> 
<?php } ?>

<title>
       <?php
          if (function_exists('is_tag') && is_tag()) {
             single_tag_title("Tag Archive for &quot;"); echo '&quot; - '; }
          elseif (is_archive()) {
             wp_title(''); echo ' Archive - '; }
          elseif (is_search()) {
             echo 'Search for &quot;'.wp_specialchars($s).'&quot; - '; }
          elseif (!(is_404()) && (is_single()) || (is_page())) {
             wp_title(''); echo ' - '; }
          elseif (is_404()) {
             echo 'Not Found - '; }
          if (is_home()) {
             bloginfo('name'); echo ' - '; bloginfo('description'); }
          else {
              bloginfo('name'); }
          if ($paged>1) {
             echo ' - page '. $paged; }
       ?>
</title>

<link rel="shortcut icon" href="http://india.thefalljourney.com/wp-content/themes/thefalltheme/images/favicon.png?force=1">
<!-- <link rel="shortcut icon" href="http://india.thefalljourney.com/wp-content/themes/thefalltheme/images/favicon_blue.png?force=1"> 
<link rel="shortcut icon" href="http://india.thefalljourney.com/wp-content/themes/thefalltheme/images/favicon_flag_india.png?force=1"> -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

<?php if ( is_singular() ) wp_enqueue_script('comment-reply'); ?>

<?php wp_head(); ?>
</head>

ОБНОВЛЕНИЕ 2:

Найдена дополнительная загрузка, она была в functions.php.

1 Ответ

1 голос
/ 08 декабря 2011

В верхней части вашей страницы вы загружаете jQuery + nivoZoom: 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="/wp-content/themes/thefalltheme/js/jquery.nivo.zoom.pack.js" type="text/javascript"></script>

Несколько строк ниже, вы снова загружаете jQuery, в результате чего ранее сделанные расширения для платформы jQuery отменяются: 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.2.1'></script>

Вы должны включить скрипт масштабирования nivo ПОСЛЕ загрузки jQuery: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.2.1'></script>
<script src="/wp-content/themes/thefalltheme/js/jquery.nivo.zoom.pack.js"></script>

Еще одно примечание: ваш CSS-файл отсутствует.Убедитесь, что вы также загрузили его.

...