webForumDet fria alternativet

Hämta från mysql till "content slider"

PHP

7 svar · 806 visningar · startad av Guldstrand

Medlem sedan juli 20041 271 inlägg
Frågan#1

Har hittat en snygg/bra "content slider", och skulle nu behöva ha lite hjälp med att hämta infon från mysql, OCH visa detta i "slider:n".

Exempel på hur det kan se ut:

<div id="featured" >
	<ul class="ui-tabs-nav">
	    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
	</ul>
	<!-- First Content -->
	<div id="fragment-1" class="ui-tabs-panel" style="">
		<img src="images/image1.jpg" alt="" />
		<div class="info" >
		<h2><a href="#">15+ Excellent High Speed Photographs</a></h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
		</div>
	</div>
	<!-- Second Content -->
	<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
		<img src="images/image2.jpg" alt="" />
		<div class="info" >
		<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
		<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
		</div>
	</div>
    <!-- Third Content -->
...
</div>

Tabell: news
Fält: added, subject, body, image

Medlem sedan okt. 2007446 inlägg
#2

Om jag tolkar det rätt så vill du visa en nyhet per tab/"fragment" och antalet kan variera mellan 1 och N?

hämta alla dina nyheter till en array (vilket väl är standard i php?)
sen loopar du igenom din array för att skriva ut länkarna
min php är rätt risig så det får bli pseudokod istället ;)

<ul class="ui-tabs-nav">
for ii=1 to "rader i arrayen"{
  if(i==1){
  <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-[B]i[/B]"><a href="#fragment-[B]i[/B]">lämpligt innehåll här</li>
}
else
{
  <li class="ui-tabs-nav-item" id="nav-fragment-[B]i[/B]"><a href="#fragment-[B]i[/B]">lämpligt innehåll här</li>
}

}
</ul>

Sen loopar du bara igenom arrayen igen för att skriva ut själva "tabbarna"

Medlem sedan juli 20041 271 inlägg
#3

Ja, det stämmer.
Först måste jag hämta alla rubriker till listan (själva menyn):

	<ul class="ui-tabs-nav">
	    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
	    <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
	</ul>

..sedan behövs rubriken (igen), samt bild -och texten till fragmenten/div:arna.

	<div id="fragment-?" class="ui-tabs-panel ui-tabs-hide" style="">
		<img src="images/image2.jpg" alt="" />
		<div class="info" >
		<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
		<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
		</div>
	</div>

Vet inte riktigt hur jag ska lösa detta på ett bra sätt.

Medlem sedan juli 20041 271 inlägg
#4

Ingen som vet? :q :(

Medlem sedan okt. 2007446 inlägg
#5

Men om du hämtar alla nyheter till en array kan du ju återanvända den

Eftersom min PHP är kass så blir det åter igen pseudokod

newsarray=php_mumbojumbo_för_hämta_från_DB()

for each item in newsarray{
skriv ut en "tab"
}

och sen

for each item in newsarray{
skriv ut ett "fragment"
}

loopa igen
Medlem sedan juli 20041 271 inlägg
#6

Jag uppskattar verkligen din hjälp, men jag är tyvärr fortfarande lite osäker på hur du menar.

Medlem sedan juli 20041 271 inlägg
#7

Det löste sig till slut...

Medlem sedan juni 200032 967 inlägg
#8

Guldstrand skrev:

Det löste sig till slut...

Perfekt! Berätta då hur, så kan andra lära och du kan sätta tråden som "löst."

256 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
115 ms — ändringar (db)