Tryb drzewa | Tryb normalny

venzer · 04-09-2014 14:00

Sprawdź:

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.

~~Lami~~ Żałosny człowieczek Liczba postów: 551 Dołączył: Jul 2014 Forum Gold: 0.00	Post: #2 Odp: Czy da się to ustawić? proźba o pomoc Prośba*
Glosy:
04-09-2014 14:27

kmike Początkujący Liczba postów: 81 Dołączył: Aug 2014 Reputacja: 31 Forum Gold: 0.00	Post: #3 RE: Czy da się to ustawić? prośba o pomoc 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; } (Ten post był ostatnio modyfikowany: 05-09-2014 11:20 przez kmike.)
Glosy:
05-09-2014 11:20

rachman Przyjaciel Forum Liczba postów: 5,903 Dołączył: Jan 2013 Reputacja: 1908 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 2,805.20	Post: #4 RE: Czy da się to ustawić? prośba o pomoc 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. Kod rabatowy SeoHost.pl - 30%
Glosy:	venzer (+1)
18-11-2014 01:38

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,891	24-12-2015 12:25 Ostatni post: WuJeKuBa
	Prośba dot. przeróbki kodu szablonu	nitroo	2	2,196	21-01-2015 19:49 Ostatni post: dorabiajonline

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