wendstor
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by wendstor
-
В смысле странный ? Только разбираюсь с javascript, в нём голову сломать можно с его ООП, а точнее с созданием обьектов. Их если не ошибаюсь вариантов 3-4. Пробывал написать отдельную тестовую для установки прозрачности, при малых разрешениях слайдера почему то работает нормально, но вот если поставить требуемую 1000х350 px всё идёт в разнос, начинаются траблы. Также заметил что IE9 также стала поддерживать style.opasity , до этого для прозрачности использовали style.filter ниже выкладываю полный пример кода: slider.js var ShowImg = 1; var alpha = 0; var newSlider; var tmShow; var type = 1; function Slider(){ var slImageUrl = new Array(); var slData = new Array(); var slUrl = new Array(); var Count = 0; this.Create = Create; this.GetImageUrl = GetImageUrl; this.GetData = GetData; this.GetUrl = GetUrl; this.GetCount = GetCount; function Create(ImageUrl, Data, Url) { Count++; slImageUrl[Count] = new Image(); slImageUrl[Count].src = ImageUrl; slData[Count] = new String(); slData[Count] = Data; slUrl[Count] = new String(); slUrl[Count] = Url; } function GetImageUrl(num){ return slImageUrl[num].src; } function GetData(num){ return slData[num]; } function GetUrl(num){ return slUrl[num]; } function GetCount(){ return Count; } } function Start() { newSlider = new Slider(); newSlider.Create('img/1.jpg','jhcgksdjhfg','1.html'); newSlider.Create('img/2.jpg','jhcgksdjhfg','2.html'); newSlider.Create('img/3.jpg','jhcgksdjhfg','3.html'); setInterval('Show();',10000); SetImage(); Show(); } function SetImage(){ document.getElementById("img_slider").style.backgroundImage = "url('" + newSlider.GetImageUrl(ShowImg) + "')"; document.getElementById("img_slider").style.opacity = 0; document.getElementById("img_slider").style.filter = "alpha(opacity=0)"; } function Show(){ tmShow = setTimeout('Show();',100); document.getElementById("img_slider").style.opacity = alpha; document.getElementById("img_slider").style.filter = "alpha(opacity=" + alpha +")"; if (type == 1) { alpha += 0.1; if (alpha > 1 ){type = 2; clearTimeout(tmShow);} } if (type == 2) { alpha -= 0.1; if (alpha < 0 ) {type = 1; ShowImg ++; if (ShowImg > newSlider.GetCount() ){ShowImg = 1;} SetImage(); } } }
-
В общем написал слайдер, проверил в Opera, FireFox, Maxthon, показывает всё отлично, но есть одно но, данный код не как не хочет работать в IE9, начинает подтармаживать плюс ко всему нет отоброжения картинок в слайдере. В чём может быть причина ? запуск слайдера <body onload="Start();"> код слайдера var newSlider; var ShowImg = 1; function Slider(){ var slImageUrl = Array(); this.Create = Create; this.GetImageUrl = GetImageUrl; function Create(ImageUrl) { slImageUrl[Count] = new Image(); slImageUrl[Count].src = ImageUrl; } function GetImageUrl(num){ return slImageUrl[num].src; } ......................... далее ещё функции ................................... } function Start() { newSlider = new Slider(); newSlider.Create('img/1.jpg'); newSlider.Create('img/2.jpg'); newSlider.Create('img/3.jpg'); setInterval('Show();',10000); SetImage(); Show(); } // установка фона function SetImage(){ document.getElementById("img_slider").style.backgroundImage = "url('" + newSlider.GetImageUrl(ShowImg) + "')"; } function Show(){ tmShow = setTimeout('Show();',100); // тут идёт проверка и установка след. картинки document.getElementById("img_slider").style.opacity = alpha; document.getElementById("img_slider").style.filter = "alpha(opacity=" + alpha +")"; }
-
Int да float наследовался, но вот получается только строкой Под пункт1 - Под пункт2 .... В инете смотрел, есть только деление списка на несколько колонок, а вот как мне хотелось, в инете пишут что не получится реализовать.
-
В общем суть заключается в том, что я пока ещё новичёк в этом деле и уже второй день как не могу правильно сделать позиционирование в sub_menu, все элементы li в нём отображаются в строку, но не как не получается отоброзить li списком. <ul id="menu"> <li> <a href="#">Пункт 1</a></li> <li> <a href="#">Пункт 2</a> <ul id="sub_menu"> <li> <a href="#">Под Пункт1</a></li> <li> <a href="#">Под Пункт2</a></li> <li> <a href="#">Под Пункт3</a></li> <li> <a href="#">Под Пункт4</a></li> <li> <a href="#">Под Пункт5</a></li> <li> <a href="#">Под Пункт6</a></li> <li> <a href="#">Под Пункт7</a></li> <li> <a href="#">Под Пункт8</a></li> <li> <a href="#">Под Пункт9</a></li> <li> <a href="#">Под Пункт10</a></li> <li> <a href="#">Под Пункт11</a></li> <li> <a href="#">Под Пункт12</a></li> </ul> </li> <li> <a href="#">Пункт 3</a></li> </ul> #menu { margin:0; padding:0; height:28px; background-color:#09F; border:1px solid #333; font:12px/28px Verdana, Geneva, sans-serif; list-style:none; } #menu li { display:block; float:left; width:90px; text-align:center; border-right:1px solid #000; } #menu li a{ display:block; color:#000; text-decoration:none; } #menu li:hover > a{ background-color:#06F; color:#FFF; } #menu li:hover #sub_menu{ display:block; } #sub_menu{ margin:0; padding:0; display:none; background-color:#06f; border:1px solid #000; position:absolute; height:150px; } #sub_menu li{ border-right:0; display:block; text-align:center; position:relative; margin:5px; } #sub_menu li:hover > a{ background-color:#09F; color:#FFF; } По задумке должно быть как то так: Пример ПЛЗ подскажите где подправить и почему он выстраивает li элементы sub_menu в строку ?