Question

I have a website, in which the images are continuously changing after some time. But instead of images i want to put website page which will continuously change and refresh also for latest data.

CODE:

<div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="images/fslide01.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/fslide02.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="images/fslide03.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <img src="images/fslide04.jpg" alt="" />
                    </li>

                    <li>
                        <img src="images/fslide05.jpg" alt="" />
                    </li>

                    <li>
                        <img src="images/fslide06.jpg" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /Slider -->

---

Instead of these images fslide01/02/03/04/05/06.jpg i want to use webpages like http://www.yahoo.com/www.facebook.com/www.google.com/etc and i should refresh also for latest view.

Answer 1

You could use iframes, though some sites (such as Google) disallow displaying their site in an iframe. I would imagine other popular sites would do the same.

<li>
    <iframe src="somesite.com/index.html"></iframe>
    <p class="flex-caption">I am Caption!</p>
</li>

MDN Link: https://developer.mozilla.org/en-US/docs/HTML/Element/iframe