Hulp gevraagd file_get_contents();

**Jos van Marrewijk** · 28-02-2013, 21:54

Hallo,

Ik ben voor een klant bezig om een portfolio-beheer cms-achtig systeem te maken. Echter wil ik de thumbnails inladen vanaf een andere pagina met file_get_contents(); en dat lukt ook. Het enige wat er niet klopt is dat de afbeeldingen in tekens worden weergeven. Normaal zou je dat oplossen door de headers aan te passen, maar dat werkt helaas niet omdat ik dan steeds de melding krijg:

Warning: Cannot modify header information - headers already sent by (output started on line 2)

Hieronder de code die ik gebruik:

PHP Code:


<?php

header("Content-Type image/png");

include('config.php'); 

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>***</title>

<link rel="stylesheet" type="text/css" href="style.css"/>

<link rel="stylesheet" href="js/jcarousel.css" type="text/css"/>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

<script type="text/javascript">

    jQuery(document).ready(function() {

        jQuery('.slider-show ul').jcarousel();

        $('.change').click(function(){

            if($(this).parent().find('.title-1').hasClass('active')){

                $(this).parent().find('.title-1').removeClass('active');

                $(this).parent().find('.title-2').addClass('active');

                return false;

            }

            else{

                $(this).parent().find('.title-2').removeClass('active');

                $(this).parent().find('.title-1').addClass('active');

                return false;    

            }

        });

        $('.change').click(function(){

            if($(this).parents(2).find('.logo-1').hasClass('active2')){

                $(this).parents(2).find('.logo-1').removeClass('active2');

                $(this).parents(2).find('.logo-2').addClass('active2');

                return false;

            }

            else{

                $(this).parents(2).find('.logo-2').removeClass('active2');

                $(this).parents(2).find('.logo-1').addClass('active2');

                return false;    

            }

        });

        $('.change').click(function(){

            if($(this).parents(4).find('.img-logo').hasClass('active3')){

                $(this).parents(4).find('.img-logo').removeClass('active3');

                $(this).parents(4).find('.img-studio').addClass('active3');

                return false;

            }

            else{

                $(this).parents(4).find('.img-studio').removeClass('active3');

                $(this).parents(4).find('.img-logo').addClass('active3');

                return false;    

            }

        });

        $('.logo-1 .jcarousel-skin-tango .jcarousel-item-horizontal').click(function(){

            var src=$(this).find('img').attr('img-main');

            $('.img-logo img').attr('src',src);

        });

        $('.logo-2 .jcarousel-skin-tango .jcarousel-item-horizontal').click(function(){

            var src=$(this).find('img').attr('img-main');

            $('.img-studio img').attr('src',src);

        });

    });

</script>

</head>

<body>

    <div id="wrapper">

        <div id="header">

            <div class="in-header">

            <div class="inner-content">

                 <a href="#">

                    <img class="logo" alt="" src="https://www.sitedeals.nl/images/logo11.png" />

                </a>

                <ul class="menu-left">

                    <li><a href="index.html">home</a></li>

                    <li><a href="contact.html">contact</a></li>

                </ul>

                 <ul class="menu-right">

                    <li><a href="about.html">about us</a></li>

                    <li><a href="portfolio.html">portfolio</a></li>

                </ul>

                <div class="clear"></div>

            </div><!--End-inner-content-->

            </div><!--End-in-header-->

        </div><!--End-header-->

        <div id="content">

            <div class="img-content img-logo active3">

                <img alt="" src="https://www.sitedeals.nl/images/logo_01.png" />

               

            </div>

            <div class="img-content img-studio">

                <img alt="" src="https://www.sitedeals.nl/images/img-studio.jpg" />

            </div>

            <div class="slider">

                <div class="title">

                    <p class="title-1 active">Logo’s</p>

                    <p class="title-2">Layouts</p>

                    <a href="#" class="next-title change"></a>

                    <a href="#" class="frev-title change"></a>

                </div>

                <div class="bg-li bg-li-1"><img alt="" src="https://www.sitedeals.nl/images/boder-li.png" /></div>

                <div class="bg-li bg-li-2"><img alt="" src="https://www.sitedeals.nl/images/boder-li.png" /></div>

                <div class="bg-li bg-li-3"><img alt="" src="https://www.sitedeals.nl/images/boder-li.png" /></div>

                <div class="bg-li bg-li-4"><img alt="" src="https://www.sitedeals.nl/images/boder-li.png" /></div>

                   <div class="logo-1 slider-show active2">

                    <ul class="jcarousel-skin-tango">

                    

                    <?php

                    

                        $query = mysql_query("SELECT * FROM uploaded WHERE type='logo'");

                        

                        while($data = mysql_fetch_array($query)){ 

                        

                            $path = $data['path'];

                            $name = $data['name'];

                            

                            $thumbnail = file_get_contents('http://***.nl/EasyResize.php?h=80&w=80&img='.$path.'');

                            

                            echo'<li><img img-main="'.$path.'" src=""'.$thumbnail.'"" alt="'.$name.'"/></li>';

                         

                        } 

                    

                    ?>

                           

                    </ul>

                </div>

                <div class="logo-2 slider-show">

                    <ul class="jcarousel-skin-tango">

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-3.jpg" src="https://www.sitedeals.nl/images/slider2-3.jpg" alt="image 3"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-1.png"  src="https://www.sitedeals.nl/images/slider2-1.png" alt="image 1"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-2.jpg"  src="https://www.sitedeals.nl/images/slider2-2.jpg" alt="image 2"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-4.jpg"  src="https://www.sitedeals.nl/images/slider2-4.jpg"  alt="image 1"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-5.jpg"  src="https://www.sitedeals.nl/images/slider2-5.jpg" alt="image 2"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-3.jpg" src="https://www.sitedeals.nl/images/slider2-3.jpg" alt="image 3"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-1.png"  src="https://www.sitedeals.nl/images/slider2-1.png" alt="image 1"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-2.jpg"  src="https://www.sitedeals.nl/images/slider2-2.jpg" alt="image 2"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-4.jpg"  src="https://www.sitedeals.nl/images/slider2-4.jpg"  alt="image 1"/></li>

                            <li><img img-main="https://www.sitedeals.nl/images/slider2-5.jpg"  src="https://www.sitedeals.nl/images/slider2-5.jpg" alt="image 2"/></li>

                    </ul>

                </div>

            </div>

        </div><!--End-content-->

        <div class="push"></div>

    </div>

    <div id="footer">

        <div class="inner-footer">

            <span>Email: hpc@.nl</span>

            <span>Tel.: 06-</span>

            <span>© 2012</span>

        </div><!--End-inner-footer-->

    </div><!--End-footer-->

</body>

</html>

Weet iemand misschien de oplossing hiervoor? Alvast bedankt voor jullie tijd in ieder geval!

Met vriendelijke groet,

Jos van Marrewijk

**Diego V.** · 28-02-2013, 22:01

Die header in deze pagina zetten gaat niets helpen, nu zet je een image header op deze html pagina.

Die image header moet komen op de plek de thumb gegenereerd wordt, EasyResize.php dus.

**Jos van Marrewijk** · 28-02-2013, 22:27

Oke Diego, ga ik proberen. Bedankt voor je snelle reactie!

//

Helaas werkt het nog niet.

**Eric Bruggema** · 01-03-2013, 06:08

Op de plek van thumbnail moet de verwijzing staan naar het plaatje en niet de inhoudt van het plaatje!

Wat je nu doet gaat niet werken! :)

dus geen file_get_contents maar de verwijzing naar het pad waar het plaatje staat.. (of eventueel het script wat het aanroept) en die header boven in kan ook niet omdat de uitvoer HTML is en geen afbeelding.

Hulp gevraagd file_get_contents();