Question

I have a slider on a website. The slider is called anything slider.

You can view it on the link below:

http://css-tricks.com/examples/AnythingSlider/#&panel1-1

The slider allows for youtube videos to be embedded.

however at current I have a php look that is looping through a directory to show any banner images that are uploaded into this directory.

I am unsure of how to add a youtube link as one of the sliders but still keeping the loop through the directory.

Here is the code I am using:

<ul id="slider">

<?php
if ($handle = opendir('public/slider/'))
{
    while (false !== ($file = readdir($handle)))
    {
        $files[] = $file;
    }

    $files = array_slice($files, 2);

    foreach ($files as $file)
    {
        $name = explode('.', $file);
        print '<li><img src="public/slider/'.$file.'" title="'.$name[0].'" /></li>';
    }
    closedir($handle);
}
?>

Any suggestions on how I can do this?

Thanks

Answer 1

Try this:

<?php

//will hold anything that you want displayed
$content = array(
    array('type' => 'yt', 'content' => 'http://www.youtube.com/watch?v=nn2FB1P_Mn8'),
    array('type' => 'yt', 'content' => 'http://www.youtube.com/watch?v=8mwKq7_JlS8')
);

if ($handle = opendir('public/slider/'))
{
    while (false !== ($file = readdir($handle)))
    {
        $content[] = array('type' => 'img', 'content' => $file);
    }

    closedir($handle);
}



    //$content = array_slice($content, 2);

    foreach ($content as $liItem)
    {
        switch($liItem['type']){
            case 'img':
                $name = explode('.', $liItem['content']);
                print '<li><img src="public/slider/'.$liItem['content'].'" title="'.$name[0].'" /></li>';
                break;
            case 'yt':
                if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i', $liItem['content'], $match)) {
                    echo '<li><iframe width="420" height="315" src="http://www.youtube.com/embed/'.$match[1].'" frameborder="0" allowfullscreen></iframe></li>';
                }
                break;
        }


    }


?>