2012-02-17 3 views
0

В настоящее время я использую jQuery iviewer для онлайн-галереи изображений. Этот код используется для вызова первоначального источника iviewer изображения (отредактированный для краткости):Как получить текущий src jquery-iviewer?

var $ = jQuery; 
$(document).ready(function(){ 
var iv1 = $(".viewer").iviewer({ 
    src: "/folder/001.jpg", 
}); 

Задав another question в другом месте на SO, я в настоящее время использую этот метод, чтобы управлять следующей/предыдущей кнопкой, добавив «- 'для текущего ЦСИ изображения на мыши (все изображения по имени пошагово, используя три цифры - 001.jpg, 002.jpg и так далее):

var i = 1; 

$("#next").click(function() 
{ 
    i++; 
    iv1.iviewer('loadImage', "/folder/" + ("00" + i).slice(-3) + ".jpg"); 
    return false; 
}); 

Однако, проблема заключается в том, что в другом месте на той же странице, я m, используя некоторый код jquery для изменения отображаемого изображения в iviewer на основе атрибута класса соответствующих ссылок (которые нумеруются аналогично t он образы - chimg001, chimg002 и так далее):

$("ul.imageThumbs > li > a").click(function() 
{ 
    var k = $(this).attr("class"); 
    iv1.iviewer('loadImage', "/folder/" + ((k).slice(-3)) + ".jpg"); 
    return false; 
});     

(Я новичок как JQuery и JavaScript, так что я рад услышать любые предложенные модов выше)

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

Я хотел бы иметь возможность использовать следующую и предыдущую кнопки, сначала обнаруживая текущий src iviewer, а затем добавляя его к этому, а не к текущему методу. Это можно сделать?

+0

Функциональность, на которой я был после ответа автор плагина Дмитрий Петров. Ответ на [странице github проекта] (https://github.com/can3p/iviewer/issues/20). – shngrdnr

ответ

0

Из-за того, что вы прочитали документацию для плагина по указанной вами ссылке, вам может понадобиться несколько частей.

info (prop, dropRotation) - получите информацию об изображении. Допустимыми значениями для prop являются: display_width, display_height - текущие физические размеры изображения; orig_width, orig_height - размеры исходного изображения; угол поворота - угол поворота; zoom - текущее значение масштабирования в%; src - url текущего изображения;

Все методы должны называться через JQuery Ui обозначения:. $ ('# Зритель') iviewer ('метод', 'arg1', 'arg2')

Так, попробовать что-то вроде этого:

$('.iviewer').iviewer('info','src'); 
+0

Спасибо Энтони! Я дам вам ответ и вернусь к вам (это был синтаксис, который меня бил, noob, который я знаю) – shngrdnr

+0

Спасибо Anthony - я дал это без успеха: '$ (" # next ") .click (функция() { \t \t \t я ++; \t \t вар J = $ ("зритель"). iviewer ('Информация', 'ЦСИ'). \t \t \t \t iv1.iviewer (» loadImage ', "/ folder /" + ((j.slice (-3)) + i) + ".JPG "); \t \t возвращение ложным; \t});' Это было предположение, что это будет (1) получить текущий SRC методом вы предложили, в качестве переменной 'J', (2) Нарезать последние три цифры этой переменной (таким образом, давая правильное имя файла), (3) добавьте 1 к этому значению (переменная «i») и добавьте это в соответствующую структуру папок с типом файла jpg. Любая идея, Неправильно? – shngrdnr

+0

@shngrdnr Убедитесь, что в вашем браузере нет ошибок Javascript, а также попытайтесь вывести значение 'j' после того, как вы его извлекли, чтобы увидеть, что он возвращает (если есть). плагин и документация, которую я читаю, довольно ограничены, синтаксис, о котором я догадался, может быть неправильным. –

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