Marmik написал(а):Имеется слайдер - карусель, но при установки на форум долго грузит скрипт с стороннего сайта, можно ли что-то с этим сделать
К сожалению, да, не только эта карусель блокирует вв-коды. Я тут немного озаботился этим вопросом, и вот нашел один скрипт и адаптировал:
Можно использовать не только для баннеров, но и вообще для картинок..
Настройка стрелок:
Стрелка влево:
<td>
<div id="prev" onclick="inc()"><img src="http://www.sdws.ru/pictures/prev.png" style="cursor:pointer" width="10" height="13" ></div>
</td>
Стрелка вправо:
<td>
<div id="next" onclick="dec()"><img src="http://www.sdws.ru/pictures/next.png" style="cursor:pointer" width="10" height="13"></div>
</td>
Красным отмечено место для ссылок на картинки стрелок, зеленым - их ширина, голубым - их высота.
Куда вставляем свои ссылки с картинками:
var arr= ['<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>',
'<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>','<a href="http://адрес форума" target=_blank title="альтернативный текст"><img src="http://ссылка на картинку баннер" border="0" width= "88" height= "31"></a>'],
ставить надо через запятую в таких кавычках: ''
Количество видимых элементов в карусели:
// количество видимых элементов в карусели
var citycount = 9;
Меняем цифру на свою, при этом добавляем или убираем в этом блоке:
<td>
<div id="id0" class="idclass" ></div>
</td>
<td>
<div id="id1" class="idclass"></div>
</td>
<td>
<div id="id2" class="idclass"></div>
</td>
<td>
<div id="id3" class="idclass" ></div>
</td>
<td>
<div id="id4" class="idclass"></div>
</td>
<td>
<div id="id5" class="idclass"></div>
</td>
<td>
<div id="id6" class="idclass"></div>
</td>
<td>
<div id="id7" class="idclass"></div>
</td>
<td>
<div id="id8" class="idclass"></div>
</td>
подобный кусок кода:
<td>
<div id="id8" class="idclass"></div>
</td>
Здесь:
<style>
.idclass{
width: 88px;
height: 31px;
border: 0;
text-align: center;
}
</style>
width: 88px; - ширина ячеек с картинками.
height: 31px; - высота ячеек с картинками.