maggotinaff

maggotinaff
Рейтинг
10
Регистрация
13.09.2012

В середине марта будем с коллегами на Пхукете, хотим "попедалить" удаленно, но и о продвижении не против поболтать :) Как там сейчас дела с интернетом?

В Easy Slider нет фейд эффекта, только слайд эффект. Вот нашел допиленную версию, может подойдет http://bogojoker.com/easySlide/ если мы говорим об одном и том же слайдере.

Как говорят у нас работе: "JS-ом можно даже колбасу резать" :D

Там где непосредственно вызов скрипта просто добавляете задержку:


setTimeout(function(){
$('#example').show();
$('#example').animate_Text();
},5000);

Да, <p></p> так и оставляем, а код примерно такой:


<script type="text/javascript">
$(document).ready(function(){
$.fn.animate_Text = function() {
return this.each(function(){
var $this = $(this);
var string = $this.text();
$this.children().each(function(){
var el = $(this);
var string = el.text();
el.html(string.replace(/./g, '<span class="new">$&</span>'));
})
$this.find('span.new').each(function(i, el){
setTimeout(function(){ $(el).addClass('div_opacity'); }, 97 * i);
});
});
};
$('#example').show();
$('#example').animate_Text();
});
</script>

Проблема в том, что replace потерла тег <p align="center">...</p>, соотв-но нет центрирования. Можно решить так:

1) Основной текст заворачиваем тоже в тег <p>...</p>


<div id="example">
<p>Here’s to the crazy ones. The misfits. The rebels. The
troublemakers. The round pegs in the square holes. The ones who see things differently. They’re not fond of rules.
And they have no respect for the status quo. You can quote them, disagree with them, glorify or vilify them.
About the only thing you can’t do is ignore them. Because they change things. They push the human race forward.
While some may see them as the crazy ones, we see genius. Because the people who are crazy enough to think they
can change the world, are the ones who do.</p>
<p align="center">Steve Jobs</p></div>

2) Немного правим скрипт и применяем его не ко всему блоку, а к вложенным параграфам $('#example p').animate_Text():


<script type="text/javascript">
$(document).ready(function(){
$.fn.animate_Text = function() {
return this.each(function(){
var $this = $(this);
var string = $this.text();
$this.html(string.replace(/./g, '<span class="new">$&</span>'));
$this.find('span.new').each(function(i, el){
setTimeout(function(){ $(el).addClass('div_opacity'); }, 97 * i);
});
});
};
$('#example').show();
$('#example p').animate_Text();
});
</script>

Тогда все заменится правильно.

Первое, что пришло в голову:

1) Можно в JS файле сделать подключение CSS-файла. Нет JS-файла -> нет CSS стилей на странице -> страница "развалена".

2) Можно в JS файле добавлять\убирать определенный класс, от которого зависит отображение контента на странице (что-то похожее на первый пункт). Например, изначально все скрыто, загрузился JS, довесил класс, все отобразилось правильно. В таком духе.

3) Можно контент загружать AJAX'ом через этот JS файл. Нет файла, нет контента. Могут быть проблемы с индексацией (тут смотря как делать).


$(".modal").fancybox({
'onStart': function(link) {
var id = link.attr('rel');
alert(id);
}
});
12 3
Всего: 26