choppylion

вот два первых изображения показывают как должен работать скрипт http://www.sunsean.com/zoomi/

Всем привет. Есть данный скрипт, увеличивающий изображение по наводке, но все изображения у меня хранятся в выпадающих пунктах меню, задающиеся так: <option value="2132" data-icon="img/products/1056.png" data-html-text="BSD WZA<i>2132 gr</i>">BSD WZA</option> Как можно доработать сам скрипт, чтобы он работал в меню? [JS](function($){ $.fn.zoomi = function() { $(this).filter("img").each(function(){ if(!this.z) { $(this).zoom1().mouseover(function(){$(this).zoom2().show();}); $(this.z).mouseout(function(){$(this).hide();}); } }); return this; } $.fn.zoom1 = function() { $(this).each(function(){ var e = this; $(e).css({'position':'relative','z-index':'8'}).after('<img class="'+e.className+'">'); e.z = e.nextSibling; $(e.z).removeClass("zoomi").addClass("zoom2").attr("src",e.alt || e.src) .css({'position':'absolute','z-index':'10'}); $(e.z).hide(); }); return this; } $.fn.zoom2 = function() { var s = []; this.each(function(){ var e = this; if(!e.z) e = $(e).zoom1()[0]; s.push(e.z); if(!e.z.complete) return; if(!e.z.width) { $(e.z).show(); e.z.width=e.z.width; $(e.z).hide(); } $(e.z).css({left:$(e).offsetLeft()-(e.z.width-e.scrollWidth)/2+'px', top:$(e).offsetTop()-(e.z.height-e.scrollHeight)/2+'px'}); }); return this.pushStack(s); } $.fn.offsetLeft = function() { var e = this[0]; if(!e.offsetParent) return e.offsetLeft; return e.offsetLeft + $(e.offsetParent).offsetLeft(); } $.fn.offsetTop = function() { var e = this[0]; if(!e.offsetParent) return e.offsetTop; return e.offsetTop + $(e.offsetParent).offsetTop(); } $(function(){ $('img.zoomi').zoomi(); }); })(jQuery); [/JS] Вот мои наработки: <option class="zoomi" value="2177" data-icon="img/products/1056.png" alt="img/products/1056b.png" data-html-text="BSD WZA<i>2177 gr</i>">BSD WZA</option> [JS](function($){ $.fn.zoomi = function() { $(this).filter("option").each(function(){ if(!this.z) { $(this).zoom1().mouseover(function(){$(this).zoom2().show();}); $(this.z).mouseout(function(){$(this).hide();}); } }); return this; } $.fn.zoom1 = function() { $(this).each(function(){ var e = this; $(e).css({'position':'relative','z-index':'8'}).after(<option class="'+e.className+'">'); e.z = e.nextSibling; $(e.z).removeClass("zoomi").addClass("zoom2").attr("data-icon",e.alt || e.src) .css({'position':'absolute','z-index':'10'}); $(e.z).hide(); }); return this; } $.fn.zoom2 = function() { var s = []; this.each(function(){ var e = this; if(!e.z) e = $(e).zoom1()[0]; s.push(e.z); if(!e.z.complete) return; if(!e.z.width) { $(e.z).show(); e.z.width=e.z.width; $(e.z).hide(); } $(e.z).css({left:$(e).offsetLeft()-(e.z.width-e.scrollWidth)/2+'px', top:$(e).offsetTop()-(e.z.height-e.scrollHeight)/2+'px'}); }); return this.pushStack(s); } $.fn.offsetLeft = function() { var e = this[0]; if(!e.offsetParent) return e.offsetLeft; return e.offsetLeft + $(e.offsetParent).offsetLeft(); } $.fn.offsetTop = function() { var e = this[0]; if(!e.offsetParent) return e.offsetTop; return e.offsetTop + $(e.offsetParent).offsetTop(); } $(function(){ $('img.zoomi').zoomi(); }); })(jQuery);[/JS]

Спасибо! Сейчас опробуем. Вот только не понял, как пример связано с моей задачей)

Всем привет. Тут возникла проблемка. Есть несколько меню, в каждом из которых n-ное количество опций. И у каждой опции свой value. Необходимо, чтобы при выборе какой-либо опции на экране сразу же подсчитывалась сумма значение всех меню. Я в джаве слабоват, но подскажите, пожалуйста, как осуществить это. Вот наброски: Так будет подсчитывать: <select id="s1" class="makeMeFancy1"> <option value="2177">BSD WZA</option> <option value="2132">BSD Trailorpark</option> <option value="2130">BSD Forever</option> </select> <script>s = s + value</script> А вот так сюда будет выводиться сумма: <a>Общий вес:</a><script>document.write(s+"gr")</script> Понимаю, что так не работает, но примерно показал, как должно быть. Заранее спасибо!

спасибо! помогло

Во время верстки сайты вышла проблема: при открытии какого-либо меню, то нижние меню его перекрывают. как можно решить данную проблему? судя по всему проблема кроется в CSS и JS. заранее спасибо вот скриншоты: Также прикрепляю JS и CSS-файлы: JS CSS

проблема уже решена, спасибо кто ответил. а паскаль да, знаю

спасибо. а как ее потом вызвать?

всем привет. так как с Jquery не знаком, но есть надобность использовать его для сайта, возник вопрос, как задать процедуру? чтобы просто ее вызывать, а не копировать код. Заранее спасибо Вот этот код надо задать как процедуру:

Проблема решена. Спасибо тем, кто хоть как-то помог

Такой бред конечно многое, что написали: 1. Какая разница откуда качать?? Тем более с рапиды, депозита надо ждать, если нет аккаунта. А вирусов и оттуда можно понахватать. А на onemove сразу выдается ссылка. 2. Народ.ру очень подходит под мои цели, ну да ну да. То то он не видит даже css-файл. Да и смысл загружать куда-то? Когда перед вами все исходные файлы, которых вы не увидете, если я закину сайт. 2 sigma77 в этой теме я попросил совета, я должен был за вас скачать файл чтоли?

на многих хостингах надо дожидаться пока пройдет модерацию, легче скачать исходник и глянуть

нет хостинга. некуда закидывать сайт. а по-вашему как можно красивей и практичней сделать меню, не затрагивая Джаву и CSS?

дада, на яве. гляньте исходник

Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного: