Slideshow din 4 sau 5 poze

Înainte de a posta o problemă, caută în acest forum și poate găsești rezolvare.
Închis
Avatar utilizator
bibanu141
Nivel 1

Nivel 1
Mesaje: 116
Membru din: 05 Mar 2014, 21:28
Regat: Chunjo
Aprecieri: 4  
Mulţumiri: 2  
Medalii

Salut la toata lumea ...
Ma poate ajuta cineva ca in loc de o poza pe homepages sa fie un Slideshow din 4 sau 5 poze sa se schimbe poza la cateva secunde....
Vreau ca in locul imagini pe care am puso in chenar rosu sa fie Slideshow-ul.. poza aici https://s26.postimg.org/ltbr2z7x5/Untitled.png

in index.php am linia asta unde apare acea poza pe care vreau sa o inlocuesc

<table width="80%" align="center" class="content" style="margin-top:35px;">
<tr>
<td> <center><img src="images/slide.png" border="0" /></center>
<br /></td>
</tr>
<tr>

se poate sa se faca asa ceva?
Avatar utilizator
[Tupeu]
Membru de Elita

Membru de Elita
Mesaje: 4101
Membru din: 28 Oct 2015, 16:16
Aprecieri: 35  
Mulţumiri: 2304  
 Contact:
Medalii

Intra in style.css sau un fisier .css astea:

Cod: Selectaţi tot

/* - Slider ---------------- */
#slider{

  margin:0 auto;

} 

#slider ul {

  margin-left:auto;

  margin-right:auto;

  padding:0;

  list-style:none;

}

#slider ul li { 

  width:467px;

  height:151px;

}
/* Button Control */	
	ol#controls {

		margin:-8px 0px 0 195px;

		padding:0;

		height:18px;

		list-style:none;

		width:100px;

		}

	ol#controls li{

	    margin-left:auto;

	    margin-right:auto;

	    display:inline-block;

		height:18px;

		}

	ol#controls li a{

	    margin-right:4px;

		display:block;

		height:18px;

		width:19px;

		background:url("img/slide_buttons.png") left;

		text-decoration:none;

		}

	ol#controls li.current a{

		background:url("img/slide_buttons.png") right;

		}

	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
In index.php si cauta:

Cod: Selectaţi tot

</head>
Deasupra adauga:

Cod: Selectaţi tot

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" src="t_!.js"></script>

<script type="text/javascript" src="t_2.js"></script>


Tot in index.php pui codul asta unde vrei sa apara imaginile.

Cod: Selectaţi tot

		<span id="prevBtn"><a href="javascript:void(0);"></a></span> 

		<span id="nextBtn"><a href="javascript:void(0);"></a></span>

		  <div id="slider">

		      <ul>        

		        <li><img src="img/slide_1.png"></li>

		        <li><img src="img/slide_2.png"></li>

		        <li><img src="img/slide_1.png"></li>

				<li><img src="img/slide_2.png"></li>

		      </ul>

		    </div>
Imaginile le schimbi de aici:

Cod: Selectaţi tot

<li><img src="img/slide_1.png"></li>
<li><img src="img/slide_2.png"></li>
<li><img src="img/slide_1.png"></li>
<li><img src="img/slide_2.png"></li>	
WarningParola: j4m@tupeu
Pentru acest mesaj, [Tupeu] for the post:
bibanu141
Avatar utilizator
bibanu141
Nivel 1

Nivel 1
Mesaje: 116
Membru din: 05 Mar 2014, 21:28
Regat: Chunjo
Aprecieri: 4  
Mulţumiri: 2  
Medalii

Multumesc foarte mult pentru ajutor..problema rezolvata se poate da tc
Avatar utilizator
[Tupeu]
Membru de Elita

Membru de Elita
Mesaje: 4101
Membru din: 28 Oct 2015, 16:16
Aprecieri: 35  
Mulţumiri: 2304  
 Contact:
Medalii

Subiect marcat ca fiind rezolvat. Topic inchis !
Închis
poze
Răspunsuri
3
Vizualizări
188
Răspunsuri
2
Vizualizări
217
Răspunsuri
6
Vizualizări
946

Înapoi la “Probleme rezolvate”

  • Informaţie
  • Cine este conectat

    Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 35 vizitatori