Изражавајући ИТ

Са разних Цароуселс тамо, за многе Моотоолс као добро, ја ипак одлучио да напише сопствену Цласс Рингишпил, за неких добрих разлога
1. Желео пејџинг функцију (да би могли да скочи одређени слајд / корак у карусел).
2. Вантед слобода са пласманом на левом и десном тастеру / линкови, где год хоћу.
3. Више контроле над слајдова корака.

Ја сам успео да створи нову карусел, са наведеним карактеристикама ... као испод ... Слободно да предложи било какве измене које би захтевале!

Мом примеру изгледа овако ... [ Погледај демо ]

Погледај Демо се | Довнлоад Моотоолс карусел Са пејџинг Версион 1.0 (Довнлоадед 1994 тимес)

1. Рингишпил Пејџинг

Можете лако да додате пагинг то иоур карусел, једноставно постављање пејџинг заставу, која је прошле паратер прошао приликом креирања инстанцу МооЦароусел на тачно желите (пејџинг) или фалсе (донот желе пагинг).

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе); / / НС = број слајдова, ССС = слајд корак величина

И наравно можете да промените изглед-Н-стил ових пејџинг ацхорс што Вас изменом њиховог ЦСС.

Цароусел_пагинг {тект-алигн: лефт; паддинг: 10пк 0 0 5пк;}.
Цароусел_пагинг струја, цароусел_пагинг страна {Оутлине: нико, ширина:.... 15пк; висина: 15пк; лине-хеигхт: 15пк; тект-алигн: центер; дисплаи: блоцк; флоат: лефт; бацкгроунд: # Д8Д8ЕБ; маргин: 0 1пк 0 0; тект-алигн: лефт;}

Цароусел_пагинг: ховер, цароусел_пагинг струја {бацкгроунд: # 4Д4Д9Б; цолор: # фффффф;}...

Добро! мада постоји мали проблем, Тхе пејџинг сидра, ако скуп, онда ће се увек генерисана после Рингишпил компоненте. Желео сам да га као динамичан, али онда само да скрипту за дување од пропорција, одлучио сам да га прескочите.
Али, знате мало Јавасцрипт, можете лако да измените код пејџинг генерације у МооЦароусел класе молимо да ваше потребе.

2. Прилагођавање на леви и десно иконе

Можете променити СМЕШТАЈ, слике или било дисплат имовину Лево и десно дугме просто играјући около са ЦСС. да би могли да промените пласман на Лево и Десно буттомс био стварни разлог за мене да прави мој нашем Рингишпил класе.
Пошто је ово МооЦароусел класа, прихвати ИД је ових тастера, можете заправо да постави ове Дугмад било где на страници, ако се молимо ... не мора да буде елемент у хијерархији, као у мом примеру.

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе);

ЦСС
. Цароусел_цонтаинер_л, цароусел_цонтаинер_р {маргин: 50пк 0 0 0; позиција: релативна, ширина: 23пк; висина: 20пк; флоат: лефт; курсор: показивач;}.

Цароусел_цонтаинер_р {бацкгроунд-позиција: 0-38пк;}.

Цароусел_цонтаинер_л {бацкгроунд-позиција: 0-58пк;}.

3. Прилагођавање слајдова Кораци

Шта мислим МИ Прилагодјавање КОРАЦИ слајду?
Већина Цароуселс повуците пун видљивог прозору. Дакле, кажете да сте имали четири ставке (као у мом узорку горе), то ће померите све четири ставке. Са овим Рингишпил компоненте, можете проћи број слајдова и величину корак по свом избору.

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе);
ц_нс = број слајдова, ц_ссс = слајд корак величина

Такође, у мом екампле1 сам цалцутед слајд корак величину, заснована на логици где, знам број ставки, ширину по свакој ставци и маргине које су дате после сваке ставке у мом ЦСС.

/ * За банчење 1 * /

вар ц1_в = 92; / / банчење Артикал Ширина

вар ц1_н = 10; / / укупан број ставки Цомпарисион банчење

вар ц1_пп = 4 / / Број Цомпарисион ставке банчење перпаге

вар ц1_маргинФацтор = 51;

вар = ц1_ссс ц1_в * ц1_пп; / / ССС = слајд корак величина

вар = ц1_нс парсеИнт (((ц1_в * ц1_н) / ц1_ссс) + .5); / / НС = број слајдова

ц1_ссс + = ц1_маргинФацтор; / / ССС = слајд корак величина, за 51 маргинама

Захтеви: Моотоолс 1.2

Погледај Демо се | Довнлоад Моотоолс карусел Са пејџинг Версион 1.0 (Довнлоадед 1994 тимес)

МооРатинг је једноставна (цросс-бровсер, наравно, јер користи моћ МооТоолс библиотеке), лагане и одличан Моотоолс заснива оцену решење. Није назвао као "Стар Рејтинг", једноставно зато што, рејтинг слике која може бити као што сте изабрали (Ја сам звезда, под условом Кафе барови и срца са преузимањем, али можете да креирате сопствени избор и само га спустите у).

Како то изгледа:

	Оцена моотоолс са различитим сликама Погледај Демо
	Оцена моотоолс са процентом вредности Погледајте демо
	Оцена моотоолс са фракционом вредностима Погледај Демо

Преузми Моотолс Звезда Оцена Скрипта (Довнлоадед 718 тимес)

Оцена подаци: цео број, децимални или проценат
Тренутно скрипта је осмишљено да приказује податке као оцена целог вредности (1,2,3,4,5), у децимале (1.24, 3.45 итд) или у процентима (12%, 55% итд). Избор за приказ података у било ком од поменутих формата могу једноставно подесити променом неких застава вредности унутар ЈаваСцрипт (мооратинг.јс)
У основи постоје две е две заставице да играју са, за приказивање вредности у формату по вашем избору ...

вар инперцент = фалсе; / / Постави овај заставу истина, ако вам је потребан проценат вредности које ће бити приказане
вар исФрацтионал = фалсе / / Сет то истина, ако желите фракциони вредности као што су 1.24, 1.25, 4.56, а не 1,2 ... 5

И донт мислим да је било потребно објашњење за то. Штавише. Скрипта је врло једноставна. Ако знате мало јавасцриптинг, можете да измените скрипту да добију сваку врсту вредности приказане. На пример, ако сте желели три децимална места који ће бити приказани ... само подеси скрипту као испод ...

ако (исФрацтионал) {иф (к <= 5 | | к> = 0) моостартвал [И] иннерХТМЛ форматНумбер = (к 3).} / / 2. мења се и 3
елсе {моостартвал [и] = иннерХТМЛ Матх.роунд (к).;

Ажурирање Ратинг вредност:
Ја лука смета писање било АЈАКС скрипте за ажурирање оцене вредност, јер знам из мог искуства то не увек раде она намерава да ажурира рејтинг чим цене кориснички нешто. Ви сте слободни да урадите шта год желите са номиналном вредношћу, Упдате користећи АЈАКС, односно достави га или подесите вредност скривеног поља обрасца, који се достављају са целокупном облику итд

Функција упдатеРатинг (ИД, оцена) {
/ / Алерт (ИД + "," + оцена);
/ / Ради шта и оцене
}

Постоји функција у ЈаваСцрипту под називом "упдатеРатинг". Ова функција је прошло ИД рејтинга Див, да се идентификују као што оцене (уколико постоје више од једне оцене на страници) је измењен и вредност рејтинга [упдатеРатинг (ИД, оцена)]. Можете да одаберете да шта год желите са овим вредностима, као што сам раније поменуо.

Оцена Слика: Старс, срца, Кафе барови или било шта, молим Вас
Промена рејтинг на било који од наведених типова (звезде, срца итд) је веома једноставан. Само направите слику сличну оној под условом и да га спустите унутра Запамтите, ако промените име слике, не чини неопходне измене у ЦСС фајлу, види доле.

Моостар {маргин: 0пк; бордер: 0пк; Преливање: сакривен, ширина: 84пк; висина: 20пк; флоат: лефт; бацкгроунд: урл ('старс.гиф') репеат-к;}.
Моостар п {флоат: лефт; паддинг: 0пк; бордер: 0пк; дисплаи: блоцк; ширина: 84пк; висина: 20пк; тект-алигн: лефт; тект-индент:-9000пк, з-индек: 20;}.
.. Моостар Цурр {бацкгроунд: урл ('старс.гиф') оставио 25пк;}

Највише оцене додаци користите звезду и пола звездице слике са мишем преко дешавања на свакој звезди. Моо Оцене користи једноставну Сприте слику као позадинску слику за постизање потребне визуелне ефекте са врло малим оптерећењем.

Захтеви: Моотоолс 1.2
Преузми Моотолс Звезда Оцена Скрипта (Довнлоадед 718 тимес)

Сам био у потрази за двоструког слајдер (клизач Пиннед са два потенциометара, минимум и максимум) користећи моотоолс. Мада, ја сам наћи неколико добро урадио двапут Пиннед клизач у моотоолс форуму, једини проблем је био да све то клизачи напор имају изабраног опсега маркер. Коначно! Одлучио сам да креирате сопствени. Добро! Ја сам користим оригинални код и модификовати га да има позадину клизач који приказује опсег изабран визуелно, као у мом примеру. Тхе Блуе области указује на опсег вредности одабрали.

Погледај Версион 2.2 Демо | Довнлоад Моотоолс Двоструки клизач Пиннед Версион 2.2 (Довнлоадед 11798 пута)

Можете веома лако променити изглед и осећај опсегу индикатора (у плаво у горњем примеру), клизачем Кноб, клизача мелодијама изменом слидер.цсс по потреби.

Да ли ми Дроп коментар ако га пронаћи корисне.

Ако сте један од оних момака (попут мене), који често проверите ЦСС доброг направио ХТМЛ страницу, да се инспирисао или било шта, онда сте можда приметили да смо користили погрешне позиционирање (као што је већ поменуто у мом ранијем тексту смо користећи погрешне апсолутно позиционирање: Бриљантно КЦС Распоред )

Ми се неки добар посао на овом шаблону, па помислио да би лепо да га подели .... Скини овај ВордПресс Тхеме (преузето 196 пута)