+- Praca w domu - Dodatkowa Praca - Zarabianie przez Internet (https://zarabiam.com)
+-- Dział: Zarządzanie stronami Internetowymi (https://zarabiam.com/Forum-Zarzadzanie-stronami-Internetowymi-358)
+--- Dział: Bloger, Blogspot i inne blogi (https://zarabiam.com/Forum-Bloger-Blogspot-i-inne-blogi-361)
+--- Wątek: Czy da się to ustawić? prośba o pomoc (/Temat-Czy-da-sie-to-ustawic-prosba-o-pomoc-97414)
Czy da się to ustawić? prośba o pomoc - venzer - 04-09-2014
Witam wszystkich.
Postanowiłem użyć tzw. Slider banera na moim blogu. Wszystko ładnie działa lecz obrazy wyświetlają się w kolejności a chciałbym aby wyświetlały się losowo.
Szukałem w necie lecz nic nie mogę z tym zrobić.
Cytat:</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 5000
});
});
</script>
<style type='text/css'>
#s3slider {
background:#000000;
border:1px solid #818e8f;
width: 930px;
height: 200px;
position: relative;
overflow: hidden;
}
#s3sliderContent {
width: 930px;
position: absolute;
top:0px;
padding: 0px;
margin: 0px;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 930px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>
Cytat:<center><div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>tekst5</span></a></li>
<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>Tekst1</span></a></li>
<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>tekst2</span></a></li>
<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="" /><span>tekst3</span></a></li>
<li class="s3sliderImage"></li>
</ul>
</div>
<div class='clear'></div><center/></center><center/></center></center>
Czy da się coś z tym zrobić aby obrazy wyświetlały się losowo?
Odp: Czy da się to ustawić? proźba o pomoc - Lami - 04-09-2014
Prośba*
RE: Czy da się to ustawić? prośba o pomoc - kmike - 05-09-2014
Jeżeli masz to w php to możesz losować obrazki przy generowaniu strony.
Kod:
<?php
//przypisujesz bannery do tablicy
$array = array(
'<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>tekst5</span></a></li>',
'<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>Tekst1</span></a></li>',
'<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="#" /><span>tekst2</span></a></li>',
'<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:930px;height:200px;" src="" /><span>tekst3</span></a></li>'
);
//mieszasz tablice
shuffle ($array);
//wyswietlasz losowe bannery/zdjęcia.
foreach ($array as $banner) {
echo $banner;
}RE: Czy da się to ustawić? prośba o pomoc - rachman - 18-11-2014
Kod:
<div id="baner"></div>
<script type="text/javascript">
var ban = new Array();
ban[0] = '<a href="........"></a>';
ban[1] = '<a href="........"></a>';
ban[2] = '<a href="........"></a>';
index = Math.floor(Math.random() * ban.length);
if (document.getElementById && document.createTextNode){
var the_div = document.getElementById("baner");
the_div.innerHTML = ban[index];
}
</script>Masz gotowca u mnie działa. Podstaw sobie linki czy co tam chcesz.