2016-06-01 6 views
0

Ich versuche, eine PHP-Diashow zu machen, und ich bin fast fertig, ich brauche nur die nächsten und zurück Tasten, die ich dachte, einfach sein würde, aber anscheinend können Sie ' t Indizes in PHP erhöhen?Implementierung der nächsten und hinteren Tasten für eine Diashow

$sql = "SELECT pic_url FROM pic_info"; 
$result = $conn->query($sql); 
$count = 0; 
$dir = "http://dev2.matrix.msu.edu/~matrix.training/Holmberg_Dane/"; 
$source = "gallery.php"; 

if ($result->num_rows > 0) { 
// output data of each row 
    $pic_array = array(); 
    while ($row = $result->fetch_assoc()) { 

     $pic_array[$count] = $row['pic_url']; 
     $count++; 
    } 

    $index = 1; 
    echo "<img src= ' $dir$pic_array[$index]' />"; 

    echo "<a href= '$dir$pic_array[$index + 1]'>next</a>"; 
    echo "<a href= '$dir$pic_array[$index - 1]'>back</a>"; 
} 



$conn->close(); 

?> 
+0

Ja, dies ist nicht die Art und Weise, wie Sie dies tun möchten, dass sich der Index basierend auf Ihrer SQL-Abfrage ändert. Es gibt viele Tutorials auf dieser Art von Dingen, starten Sie dort. – cmorrissey

+0

Es gibt viele Tutorials mit JQuery und ich mache eine Aufgabe, die mich auf diese Weise erfordert, und ich muss das Gleiche mit Jquery machen. Ich habe nicht viel versucht, es auf diese Weise zu tun, weshalb ich diese Frage stelle. – dane

+0

Was sind die 'Spalten' in' pic_info'? zB 'id',' pic_url'? – cmorrissey

Antwort

0

Versuchen Sie, diese

<?php 
echo '<img src="'.$dir.$pic_array[$index].'"> 
<a href="'.$dir.$pic_array[($index + 1)].'">next</a> 
<a href="'.$dir.$pic_array[($index - 1)].'">back</a>'; 
?> 
+0

Das hat nicht funktioniert. Es heißt "," oder ";" – dane

+0

er vergaß zu concat .. ich reparierte es für ihn .. aber das ist noch nicht, t wird eine slideshow erstellen, es wird nur dein markup reparieren .. –

+0

Wie würde ich über die Erstellung der Diashow gehen? Ich bin jetzt verloren – dane

0

würde ich vorschlagen, die URLs in einem Array und Schleife über sie zu platzieren.

$urls = ['website/url/for/image/image.jpg', 'another/url/image.jpg']; 

    foreach ($urls as $url) { 
     echo 'a href="http://'.$url.'"> Click </a>'; 
    } 

Es ist definitiv lesbarer so.

+0

Dies druckt nur alle Bilder auf einmal. – dane

+0

Verwenden Sie einfach etwas wie Swiper oder Slickjs, um dies für Sie zu tun. http://idangero.us/swiper/#.V1EfNEp97ms http://kenwheeler.github.io/slick/ –

Verwandte Themen