---
title: "Hämta från mysql till \"content slider\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/php/185573-hämta-från-mysql-till-content-slider"
topic: "PHP"
topic_url: "https://www.webforum.nu/amne/php"
author: "Guldstrand"
published: "2010-12-18T14:01:46.000Z"
updated: "2010-12-21T06:29:13.000Z"
replies: 7
views: 809
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/php/185573-hämta-från-mysql-till-content-slider"
---

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

## #1 — Guldstrand, 2010-12-18T14:01Z

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

Permalänk: https://www.webforum.nu/p/185573

## #2 — rhdf, 2010-12-19T11:44Z

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"

Permalänk: https://www.webforum.nu/p/2264896

## #3 — Guldstrand, 2010-12-19T21:32Z

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.

Permalänk: https://www.webforum.nu/p/2264913

## #4 — Guldstrand, 2010-12-20T11:39Z

Ingen som vet?  :q :(

Permalänk: https://www.webforum.nu/p/2264916

## #5 — rhdf, 2010-12-20T14:29Z

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
```

Permalänk: https://www.webforum.nu/p/2264918

## #6 — Guldstrand, 2010-12-20T15:02Z

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

Permalänk: https://www.webforum.nu/p/2264919

## #7 — Guldstrand, 2010-12-20T20:43Z

Det löste sig till slut...

Permalänk: https://www.webforum.nu/p/2264931

## #8 — @nders, 2010-12-21T06:29Z

> **[Guldstrand skrev:](https://www.webforum.nu/p/1525668)**
>
> 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."

Permalänk: https://www.webforum.nu/p/2264946

---

Tråden på webben: https://www.webforum.nu/amne/php/185573-hämta-från-mysql-till-content-slider