i have an problem where can i get the jquery code for this? i have a database with image i want a jquery like this to output in my website
i will make a slider that will output like that
it will give me a slide that gives me that output i already have a database and php code that is working
this is an australian government for missing person and our site is like this i want a jquery like this but i don't have the code of the original to do that
missingpersons australia is the link below i can't post here the link because it violate the rules of posting links :D
tried
jquery from search,div,table to output basic jquery don't know advance commands for jquery
tried this link the only problem is the while loop for the data
i edited the carousel the problem is how will i put it?
> <?php
> include_once('includes/dbConnect.php');
>
>
> ?>
> <?php
>
> $query=mysql_query("select * from persons order by rand()");
>
> while($test = mysql_fetch_array($query)) {
>
> }
>
>
> ?>
> [
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='Penguins.jpg' alt='Tunnel'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> },
> {
> "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='Penguins.jpg' alt='Tunnel'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
> "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
> }
>
> ]
here's the query of my image and name
> $query=mysql_query("select * from persons order by date desc LIMIT
> 0,10 ");
>
> > <img height=200 width=200 src=' upload/". $test['Image'] ."'/> <a href
> > ='profile.php?PersonID=$id'> ".$test['LastName'].", ". $test['FirstName']." ". $test['MiddleName']."</a>
i'm using this while loop for my search and it calls correctly.
and here's the json code
> <script>
>
> $.getJSON("agile_carousel_data.php", function (data) {
>
> $("#multiple_slides_visible").agile_carousel({
> carousel_data: data,
> carousel_outer_height: 230,
> carousel_height : 200,
> slide_height : 200,
> carousel_outer_width : 480,
> slide_width : 260,
> number_slides_visible: 3,
> transition_time : 330,
> control_set_1: "previous_button,next_button",
> control_set_2: "group_numbered_buttons",
> persistent_content: "<p class='persistent_content'>Agile Carousel Example: Multiple Slides Visible</p>"
> });
>
> })
>
> </script>
this is the content of my $data in data.php
> `<?php include_once('includes/dbConnect.php'); $data = array(); while
> ($test = mysql_fetch_array($query)) { $data[]['content'] = "<div
> class='slide_inner'><a class='photo_link' href='#'><img class='photo'
> src='{$test['image']}' alt='Bike'></a><a class='caption'
> href='#'>Sample Carousel Pic Goes Here And The Best Part is
> that...</a></div>" $data[]['content_button'] = "<div
> class='thumb'><img src='{$test['thumb']}' alt='bike is
> nice'></div><p>Agile Carousel Place Holder</p>" } echo
> json_encode($data); ?> `
the code above won't give me anything i included my database connection but still nothing won't output anything here's the link again link for the original website
