Avatar billede brianmilan Juniormester
11. februar 2014 - 18:36 Der er 7 kommentarer og
1 løsning

Horisontal image-slider

Hej.

Kan i hjælpe mig?
Jeg har et problem med at lave en horisontal image-slider til at virke. På min forside har lavet et udtræk fra min MySQL database hvor den viser de 7 sidste film som jeg har lagt ind i databasen, men jeg kan ikke få den til at være dynamisk, så man evt. kunne trykke på en knap i venstre og højre-side så man kunne bladre i filmene ligesom de har hos YouSee på http://yousee.dk/YouBio/Overblik.aspx (nederst på siden)

Er der nogen der ved hvordan jeg kan lave det?

Venlig hilsen
Brian
Avatar billede jakobdo Ekspert
11. februar 2014 - 22:03 #1
Hej Brian din gamle røver..
Prøv at kig på noget ala dette:

http://sorgalla.com/jcarousel/

Du skal "bare" have din php / mysql til at lave det korrekte kode, så klare js koden resten. :o)
Avatar billede jakobdo Ekspert
11. februar 2014 - 22:06 #2
Faktisk kan jeg se yousee bruger denne: http://www.nikolakis.net/liquidcarousel/
Brug da den samme. :o)
Avatar billede brianmilan Juniormester
12. februar 2014 - 10:21 #3
Hej Jakob.
Mange tak for hjælpen, det vil jeg prøve :-)
Kunne jeg få dig til at lægge et svar, så skal jeg nok give dig point?

Hilsner fra Brian.
Avatar billede jakobdo Ekspert
12. februar 2014 - 10:30 #4
Svar!
Avatar billede brianmilan Juniormester
12. februar 2014 - 20:30 #5
Hej Jakob.

Jeg kan desværre ikke få det til at virke, har du evt. tid til at kikke på koden på et tidspunkt?  :-)

Jeg kan godt få billederne frem, men der sker ikke noget når jeg trykker på pilen til højre.

Hilsen Brian

<html>
<head>
<title>DVD Database</title>
<link type='text/css' rel='stylesheet' href='css/style.css' />
<link type='text/css' rel='stylesheet' href='css/liquidcarousel.css' />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.liquidcarousel.pack.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
});
-->
</script>
</head>
<?php include "../ConnectDB.php";
      connectmydb();
      $rows = mysql_query("SELECT film_id, original_titel, dansk_titel, kategori, mini_cover, oprettelses_dato
                          FROM film
                          ORDER BY oprettelses_dato"); ?>
<body>

<div id="liquid1" class="liquid">
<span class="previous"></span>
<div class="wrapper">
<ul>

<?php
// Hent den enkelte record($row)
while ($row = mysql_fetch_row($rows))
{
echo "<a href=\"../dvd_film.php?film_id=$row[0]\" title=\"$row[1]\"><img src= \"../dvd_covers/dvd_covers_mini/$row[4]\"></a>&nbsp;&nbsp;";
}
?>
</ul>
</div>
<span class="next"></span>
</div>
</body>
</html>
Avatar billede jakobdo Ekspert
12. februar 2014 - 20:38 #6
Kan jeg se din kode "live" et sted?
Avatar billede jakobdo Ekspert
13. februar 2014 - 09:37 #7
Bare til info.

Fejlen var:

echo "<a href=\"../dvd_film.php?film_id=$row[0]\" title=\"$row[1]\"><img src= \"../dvd_covers/dvd_covers_mini/$row[4]\"></a>&nbsp;&nbsp;";

Skulle være:

echo "<li><a href=\"../dvd_film.php?film_id=$row[0]\" title=\"$row[1]\"><img src= \"../dvd_covers/dvd_covers_mini/$row[4]\"></a></li>";
Avatar billede jakobdo Ekspert
13. februar 2014 - 09:37 #8
Og takker for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester