Frågan 18 dec. 2010 14:01 #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
R rhdf Medlem sedan okt. 2007 446 inlägg 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"
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.
R rhdf Medlem sedan okt. 2007 446 inlägg 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
Jag uppskattar verkligen din hjälp, men jag är tyvärr fortfarande lite osäker på hur du menar.
Det löste sig till slut...
@nders Medlem sedan juni 2000 32 967 inlägg
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."