Praca w domu - Dodatkowa Praca - Zarabianie przez Internet. Dołącz do Największego w Polsce forum o tematyce Zarabiania przez Internet. Praca w domu stała się bardzo popularna.

venzer · 04-09-2014 14:00

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?

~~Lami~~ · 04-09-2014 14:27

Prośba*

kmike · 05-09-2014 11:20

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;

}

rachman · 18-11-2014 01:38

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.

Podobne wątki
Wątek:		Autor	Odpowiedzi:	Wyświetleń:	Ostatni post
	Czy da się na blogspocie podpiąć post na Stronie Głównej?	WuJeKuBa	3	5,359	24-12-2015 12:25 Ostatni post: WuJeKuBa
	Prośba dot. przeróbki kodu szablonu	nitroo	2	1,908	21-01-2015 19:49 Ostatni post: dorabiajonline

Tryb drzewa \| Tryb normalny Czy da się to ustawić? prośba o pomoc » html
Autor	Wiadomość