Слайдер Карусель с Perfect World с использованием flash - Форум о сайтостроении


Страница 1 из 11
Форум о сайтостроении » Форум аниме клона » Яваскрипты - Фреймворки - Слайдеры и прочие фени » Слайдер Карусель с Perfect World с использованием flash
Слайдер Карусель с Perfect World с использованием flash
Alexiya Дата: Пятница, 12.09.2014, 14:18 | Сообщение # 1
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
Слайдер Карусель с Perfect World с использованием flash анимации очень интересен своим функционалом и отображением.
При копировании или частичном использовании новости копируйте и активную ссылку на источник (ет мы).
А теперь перейдём к слайдеру. Он состоит из:
1. Двух прикреплённых яваскриптов
2. Двух прикреплённых стилей
3. Флешь файла
4. И файла XML

Меню, которое находится выше слайдера мы преобразили и убрали подменю.
А теперь перейдём к преимуществам слайдера:
1. Слайдер влючает в себя в среднем 12 позиций со ссылками, которые редактируются в файле XML

Код
http://anime-clone.my1.ru/slider_fl/loop_pic.xml
2. Слайдер имеет высокую кроссбраузерность и поддерживается в IE от 7 версии и далее

Теперь рассмотрим наш пример образца и выделим коды разметки, стилей и яваскриптов.

Наш пример флешь слайдера happy


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
Alexiya Дата: Пятница, 12.09.2014, 14:23 | Сообщение # 2
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
Рассмотрим разметку меню и  флешь слайдера

Код
<body><div id="wrap">   <div class="h">    <div id="pwlogo">            </div>     <div class="inav clearFix">       <div class="inav-l"></div>        <div class="inav-c">           <div id="pwrd_menu"><div class="menu_m1_" id="undefined"><div class="menu_m1_mu_min" style="min-height:20px;"><span class="menu_m1_mu"><a href="#" class="menu_m1_mu_a  menu_m1_mu_sta">Home</a></span><span tid="muid862551410417955134" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a ">News Room</a></span><span tid="muid340561410417955136" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a">Products</a></span><span tid="muid562371410417955136" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a ">Domestic Distribution</a></span><span tid="muid481851410417955137" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a ">International Expansion</a></span><span tid="muid222431410417955138" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a ">Investor Relations</a></span><span tid="muid931751410417955139" class="menu_m1_mu"><a href="#" class="menu_m1_mu_a  menu_m1_mu_end">Abous Us</a></span><div style="clear:both;"></div></div></div></div></div><div class="inav-r"></div></div>   </div><!--h end-->    <div class="iswf">       <script type="text/javascript">      addSwf('src','http://anime-clone.my1.ru/slider_fl/main.swf','width','1002','height','415','flashvars','xml=http://anime-clone.my1.ru/slider_fl/loop_pic.xml');      </script><embed src="http://anime-clone.my1.ru/slider_fl/main.swf" flashvars="xml=http://anime-clone.my1.ru/slider_fl/loop_pic.xml" pluginspage="http://www.adobe.com/go/getflashplayer_cn" quality="high" allowscriptaccess="always" wmode="transparent" salign="" devicefont="false" play="true" loop="true" menu="false" allowfullscreen="true" name="main" type="application/x-shockwave-flash" align="middle" height="415" width="1002">      </div>    <div class="clearline"></div><!--ileft--><!--iright-->      </div><div class="foot txtC"></div><div style="display:none;"><!--<script src="http://cookie.bi.wanmei.com/jsp/pvbi/wanmeibihd.js"></script> --></div></body>


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
Alexiya Дата: Пятница, 12.09.2014, 14:26 | Сообщение # 3
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
Стили css слайдера
Код
<link href="[url=http://anime-clone.my1.ru/slider_fl/common.css]http://anime-clone.my1.ru/slider_fl/common.css" rel="stylesheet" type="text/css"><link href="[url=http://anime-clone.my1.ru/slider_fl/main.css]http://anime-clone.my1.ru/slider_fl/main.css" rel="stylesheet" type="text/css">

Яваскрипты  слайдера


Код
<script src="http://anime-clone.my1.ru/slider_fl/jq.js" type="text/javascript"></script>
<script src="http://anime-clone.my1.ru/slider_fl/f.js" type="text/javascript"></script>
<script>$(document).ready(function(){   $('.inews-c ul li').hover(function(){      $(this).addClass('mousehover')      if($('.mousehover div').text()){         $('.mousehover div').css('display','block');      }   },function(){      $('.mousehover div').css('display','none');      $('.inews-c ul li').removeClass('mousehover')   })   $('.icalendar_help').hover(function(){         $('.icalendar_help ul').slideDown('fast');   },function(){      $('.icalendar_help ul').hide();   })         $('.inews-c span').each(function(index, element) {      var z_d1 = new Date($(this).html().replace(/-/g,'/'));      var z_d2 = new Date();        if(parseInt((z_d2-z_d1)/(24*60*60*1000))>=14){         $(this).parent("li").find('img[src="http://anime-clone.my1.ru/slider_fl/new1.gif"]').hide();      }    });})
</script>


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
Alexiya Дата: Пятница, 12.09.2014, 14:29 | Сообщение # 4
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
В оригинале слайдер привязан к календарю сайта, но мы в нашей модификации убрали это, для того чтобы не нагружать сайты на ucoz.
Использовать слайдер рекомендуется посредством iframe, чтобы не было конфликта между яваскрипт фреймворками!!
Удачного вам применения слайдера! Если что то не получается, то пишите в эту тему!! happy


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
anime-vampires Дата: Четверг, 15.01.2015, 12:09 | Сообщение # 5
Группа: Пользователи
Сообщений: 28
Репутация: 0
Статус: Offline
Alexiya, очень красивый, но слегка тормознутый слайдер по моему мнению. Но сколько я слайдеров в интернете пересмотрела и главное такого нигде не встречала
ANIMO Дата: Суббота, 28.02.2015, 00:32 | Сообщение # 6
Группа: Пользователи
Сообщений: 10
Репутация: 0
Статус: Offline
Да слайдер заинтересовал, но firefox его чего то притормаживает, хотя может это у меня хлам в системе и пора уже железо обновлять, правда сейчас когда кризис это я представляю себе очень проблематично! dry
Форум о сайтостроении » Форум аниме клона » Яваскрипты - Фреймворки - Слайдеры и прочие фени » Слайдер Карусель с Perfect World с использованием flash
Страница 1 из 11
Поиск:



Copyright Аниме Клон © 2017

Привет!
Меню пользователя
Пятница, 24.11.2017, 04:37

Приветствую Вас Гость

Главная | Регистрация | Вход | RSS