Lacosta

June 22, 2013

залил, показать что да как: tengritel.kz/catalog/temp/bush/

открой файрбаг, нажми на ф5 на странице. И смотри, присвоился ли класс блоку id="form-wrap".

Во всех браузерах такая карусель. Ие, фф, хром, опера.

Проблема именно в том, что изначально не подшгружается ЖС со стилем. Только после проявления активности в виде дёрганья ползунка.

June 22, 2013

Это должно работать как ты задумал.

Нет нет нет, я не стал заливать твой вариант.

По ссылке как был так и остался прежний.

Вчера всю ночь курил твой вариант. Он такой же дёрганый, просто потому что - при начальной загрузке судя по Файрбагу - скрипт не задаёт класс блоку(см картинку). Только после активности (прокрутки колесом или ползунком), скрипт подгружается и работает норм.

Это относится и к варианту Псиволкера и к твоему варианту.

June 22, 2013

Всё равно прыгает. На картинке написано почему.

June 21, 2013

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

фф, хром,

tengritel.kz/catalog/temp/push/

June 20, 2013

В пятницу такое делал. Сделал Мне ещё помогал волкер.
тебе нужно использовать document.documentElement.scrollTop, или, для других браузеров, document.body.scrollTop
Как только scrollTop становится больше, чем element.style.top (если он указан яваскриптом, а если нет, то там как-то хитро нужно, через document.defaultView.getComputedStyle), то или увеличиваешь элементу style.top или делаешь его fixed, на выбор.
Можешь скинуть свой пример как ты реализовал меню? Мне в принципе хватит одного js кода думаю.
Блин, ну ты даёшь, я ж тебе говорил, чтобы ко-мне обратился
CODE....
Псиволкел, ребята, привет всем.
Я по примеру сделал в общем у себя.
Вроде работает, но с багом (или фитчей), при загрузке страницы, блок menu (у меня другой ид), приклеивается к потолку. И только если двинуть ползунком даже на миллиметр - занимает своё место (прыгает вниз, на обозначенные в стилях координаты) и всё становится нормальным. То есть сам эффект норм - при прокрутке становится вверху и остаётся. Как побороть приклеивание при загрузке?

August 24, 2012

Большое вам спасибо Келвин. :yahoo:

Нет. Просто Огромное!

Всё работает.

August 24, 2012

Порядка для: небольшая предистория.

Достался мне прожект. По всей видимости - после индусов.

Сейчас, он крутится у меня на локале.

В мои обязанности входит - всё это дело переверстать и придать удобоваримый вид.

С "программизмами" я стараюсь не связываться, наверное потому что, не хватает мозгов . (на самом деле я просто ленивый дрыщ)

В общем, застрял на оформлении списка категорий. Об этом - ниже.

Собсно сама соль:

Список категорий насчитывает 12 ссылок.

Они выстроены по вертикали. И оформлены "зеброй"(2 чередующихся класса, 1/2/1/2/1/2/etc).

В php это выглядит так:

        if (isset($_GET['cat']))
            if(is_numeric($_GET['cat']))
                if($tree[$counter]['path'] == $_GET['cat'])
                    $category_active_id = $tree[$counter]['category_number'];

        $categories_string .= '<h3 class="cat ';
        if($tree[$counter]['category_number']%2 == 0)
            $categories_string .= 'categoriesMenu_color_1';
        else
            $categories_string .= 'categoriesMenu_color_2';

Это с 60 по 69 строчку. Если неправильно отрезал кусок, прошу простить и посмотреть весь файл на дампз.орг.

html выводит, примерно вот так(тонну тупого индийского кода - выпилил):


<h3 class="cat categoriesMenu_color_1" cat="36"><img src="../catalog/images/PK.png" /></h3>
<h3 class="cat categoriesMenu_color_2" cat="36"><img src="../catalog/images/BK.png" /></h3>
<h3 class="cat categoriesMenu_color_1" cat="36"><img src="../catalog/images/WK.png" /></h3>
<h3 class="cat categoriesMenu_color_2" cat="36"><img src="../catalog/images/TK.png" /></h3>
и так 12 раз

Задача:

Сменить тип обозначения блоков(заголовков) с чередующегося на последовательный (если я правильно выразился).

Проще говоря, вот так надо:

categoriesMenu_color_1

categoriesMenu_color_2

categoriesMenu_color_3

categoriesMenu_color_etc.

Буду благодарен любой поддержке.

С уважением.

March 19, 2011

Спасибо, Синдром супермена. =)

Вывел скрипт только на странице со скроллбаром следующим способом:

<?php
$doc = & JFactory::getDocument();
$doc->addScript(JURI::root(true) . "/js/scroll.js");
?>

Ещё раз спасибо дружище )

March 18, 2011

РЕШЕНО

Люди добрые.

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

Вот код скроллбара:

/* MotionGallery Styles */
.jg_minis {
	width:610px;
	height:125px;
	padding:0;
	position:relative;
	overflow:hidden;
	overflow-x:scroll;
}
.jg_minis-b {
	min-width:100%;
	height:110px;
	white-space: nowrap;}
.jg_minis-b a{
	display:inline-block;
	margin:0 5px; padding:0;}

<div class="jg_minis">
  <div class="jg_minis-b">
          <a href="/index.php/mujskaya-odezhda/winter-man/12319-28#joomimg">
            <img alt="123_19" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_19_20110316_1977294851.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/12318-27#joomimg">
            <img alt="123_18" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_18_20110316_1892362090.jpg"></a>
          .....
            <img alt="123_7" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_7_20110316_1685532004.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/1236-15#joomimg">
            <img alt="123_6" class="jg_minipic" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_6_20110316_1521971829.jpg"></a>
          <a href="/index.php/mujskaya-odezhda/winter-man/1235-14#joomimg">
            <img alt="123_5" class="jg_minipic" id="jg_mini_akt" src="http://localhost/images/joomgallery/thumbnails/_1/_2/_5_20110316_1337198813.jpg"></a>
          .....
  </div>
  </div>

здесь был url

Как видно ни одного Js.

Задача такова: Сделать так, чтобы скроллбар автоматом показывал, миниатюру текущего выбранного изображения. По возможности, по центру блока со скроллбаром (исключая крайние правые и левые миниатюры, и близстоящие к ним, они показываются в крайнем положении естественно.)

Естественно без Js не обойтись.

Вот тут замечательный пример есть: http://www.photoshare.ru/photo6957778.html Фотография сразу взята из центра ленты скроллбара, для наглядности.

А вот моя ссылка: здесь был url

Тут тоже из центра, ближе к концу, но скроллбар застыл в крайнем левом положении. Что в общем логично.

К.О. сообщает: У активной миниатюры есть id <img alt="123_5" class="jg_minipic" id="jg_mini_akt".....

Я в Js совсем ни гугу, протяните руку помощи, не дайте сгинуть во цвете лет. )))

December 11, 2009

Спасибо попробую.

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

Ежели несложно, приведите пример.

December 10, 2009

В общем такая печальная картинка:

Хотелось бы убрать лишнюю палку после последнего пункта.

Заранее большое спасибо всем. Может меня почтит своим внимание PsyWalker...

код вот такой:

(leftmenu и rightmenu это боковые заглушки. Со скругленными углами.)

			case 'horizontal':
			default:
				echo '<div id="wrap"><div id="menu">';
				echo '<table cellpadding=0 cellspacing=0 border=0 width="100%"><tr>';
					echo '<td class="leftmenu"></td>';
					foreach ($this->parent->children[0] as $v) {
					echo "<td class='cmenu'>";
					echo $this->getFirstLevelItem($v);
					echo "</td>";
					}
					echo '<td class="rightmenu"></td>';
				echo "</tr></table></div></div>";

			break;
		}

/* For first level menu.*/
#wrap {
	margin: 0px;
	padding: 0px;
}
/*Стайл меню*/
#menu{ color:white;}
td.leftmenu {width:6px; height:34px; background:url(http://localhost/ai/modules/mod_ja_transmenu/ja_transmenu/img/leftbg.png) no-repeat;}
td.rightmenu {width:7px; height:34px; background:url(http://localhost/ai/modules/mod_ja_transmenu/ja_transmenu/img/rightbg.png) no-repeat;}
td.cmenu {background:url(http://localhost/ai/modules/mod_ja_transmenu/ja_transmenu/img/bg.png) repeat-x;}
/*—————————--*/
a.mainlevel-trans:link, a.mainlevel-trans:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none; text-align:center;
   font-size: 11px;
   font-weight:bold;
   color:#3366CC;
   white-space:nowrap;
   line-height: 34px;
   display: block;
   background:url(img/bg2.gif) no-repeat right;
   height: 34px;
   width:150px;
   margin: 0px;
}
a.mainlevel-trans:hover {
  color:#fff;
}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none; text-align:center;
   font-size: 11px;
   font-weight:bold;
   color:#FF6600;
   white-space:nowrap;
   line-height: 34px;
   display: block;
   height: 34px;
   width:150px;
   margin: 0px;
   background:url(img/bg2.gif) no-repeat right;
}
a.mainlevel_active-trans:hover {
  color:#3366CC;
}
/* End added */

Ps. Если есть где ошибки в Css, укажите плиз на них.

October 2, 2009

И не думаю!!! Даже наоборот

September 26, 2009

Исправил ИскРИВЛение

теперь уже застеснялся,так человека поблагодарил... криво

September 25, 2009

Нет не флеш, там был ява или как сказал Гесейнтд - Jquery.

Такую фитчу моно выдрать из шаблонов "Joomla!" Серии Yoo Theme, или Rocket theme.

Хотя лучше просто узнать, какой скрипт используется, для вывода этих новостей.

Подозеваю что такой же независимый модуль как апример Lightbox. У него должен быть свой сайт.

Вот 5 минут гугля по запросам Jquery news slider / Jquery news rotator

http://www.codeproject.com/KB/applications/TopNews.aspx

September 25, 2009

Psywalker, Мои искрЕННние благодарности!

Вы действительно Монстр своего дела!

September 25, 2009

Вот так надо бы. (кликабельно)

а получается вот так:

September 25, 2009

Спасибо! Но уважаемый Гуру... Как быть если надо нарисовать бордер 1 пиксель как показано в моём первом примере,собственно я такой вариант на форуме уже нашёл, но при попытке бордер поставить он рисовался поверх картинок

September 25, 2009

Псиволкер чтож с ним делать?

Покажи как с этой полоской работать.

То есть код я тоже не совсем себе представляю.

September 25, 2009

Привет народ, есть такой вопрос: можно ли задавать ЧАСТИ изображения её положение в Бекгроунде?.. Так косноязычно получилось

В общем проиллюстрирую:

Есть такая картинка квадрат: Рисунок.1

Это цельная, не резаная картинка.

Можно ли её както разделить с помощью CSS, чтобы получился вот такой эфект Бекгроаунд? : Рисунок.2

Хотелось бы такое реализовать, изза желания в разных углах одного блока, использовать разные элементы оформления.

Если предварительно нарисовать всё на одном изображении.

Поделитесь идеями народ!

P.s. не дорисовал до конца repeat-x/y, чтобы было нагляднее.

Sign In

Lacosta

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Lacosta

Хитрый position: fixed

Хитрый position: fixed

Хитрый position: fixed

Хитрый position: fixed

Хитрый position: fixed

Уникальны класс блока.

Уникальны класс блока.

Текущая позиция в блоке со скроллбаром.

Текущая позиция в блоке со скроллбаром.

Скрыть последний разделитель в меню.

Скрыть последний разделитель в меню.

Раскройка Бекграунда.

Раскройка Бекграунда.

Автоматическое переключение новостей с заменой главного изображения

Раскройка Бекграунда.

Раскройка Бекграунда.

Раскройка Бекграунда.

Раскройка Бекграунда.

Раскройка Бекграунда.

Forums

Important Information