Non trovo le immagini

25-08-2015, 13.57.27

Buongiorno forum,
proprio stamattina volevo finire la grafica del mio sito, ma ho trovato un problema

Nella pagina index ho quattro tipologie: home, tour, gallery e wiki.
Nella tipologia HOME dovrei mostrare alcune notizie ordinate tramite SQL; ho realizzato un sistema di caricamento tramite jquery e fin qui tutto bene.

Questa è la pagina index che si trova nella root principale:

Codice PHP:


<html>



    <head>

    

        <title>Pokémon Neo Kanto</title>

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

        

        <link href='http://fonts.googleapis.com/css?family=Jura' rel='stylesheet' type='text/css'>

        

        <script src="functions/pages.js"></script>

        <script src="jquery-2.1.3.min.js"></script>

    

    </head>

    

    <body>

    

        <div id="header">

        

            <img id="logo" src="http://forum.it.altervista.org/images/logo.png"></img>

            <div id="menu">

            

                <div class="button" onclick="InternalNavigation('index');">HOME</div>

                <div class="button" onclick="InternalNavigation('tour');">TOUR GIOCO</div>

                <div class="button" onclick="InternalNavigation('gallery');">GALLERIA</div>

                <div class="button" onclick="ExternalNavigation('http://pokemoneokanto.forumcommunity.net');">FORUM</div>

                <div class="button" onclick="InternalNavigation('wiki');">WIKI</div>

            

            </div>

        

        </div>

        

        <div id="image_header"></div>

        

        <div id="container">



<?



$PageToLoad = $_GET['page'];

if($PageToLoad == 'index' OR $PageToLoad == NULL){



?>

            <script src="functions/news.js"></script>

            

            <div id="last_news">

            

            </div>

            <div id="server_info">

                

            </div>

            <div id="news1" class="news">News recente</div>

            <div id="news2" class="news">News recente</div>

            <div id="news3" class="news">News recente</div>

            <div id="container_loader" title="Loading News    "></div>

        

<?



}



?>



        </div>



        <div id="banner_left">

        

            <script type="text/javascript">

            document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/?ref='+encodeURIComponent(location.hostname+location.pathname)+'&r='+new Date().getTime()+'"></s'+'cript>');

            </script>

        

        </div>

        

        <div id="banner_right">

        

            <script type="text/javascript">

            document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/?ref='+encodeURIComponent(location.hostname+location.pathname)+'&r='+new Date().getTime()+'"></s'+'cript>');

            </script>

        

        </div>

        

        <div id="footer">

        

            © 2015 Pokémon Neo Kanto - Tutti i diritti riservati.<br>Pokémon ed i Rispettivi Nomi sono marchi registrati di Nintendo 1996-2015

        

        </div>

    

    </body>



</html>

Come potete notare ho incluso uno script JS che caricherà le notizie tramite Jquery, che è il seguente e si trova in root/functions:

Codice:

$(document).ready(function(){
    
    $("#last_news").load("functions/index.php?type=0", function(Response, status){
        
        if(status == "success"){
            
            $("#container_loader").fadeOut();
            $("#last_news").fadeIn();
            $("#server_info").fadeIn();
        }
    });
    
    for(var i=1; i <= 3; i++){
        
        $("#news"+ i +"").load("functions/index.php?type=1&num="+i+"", function(Response, status){
            
            if(status == "success"){
                
                $("#container_loader").fadeOut();
                $(".news").fadeIn();
            }
        });
    }
    
});

Come detto prima fin qui funziona tutto. Il problema arriva con il terzo file ed ultimo che dovrebbe dare in output le notizie da mostrare nella index, anch'esso si trova nella stessa cartella dello script precedente:

Codice PHP:


<?



include('connection.php');



if($_GET['type'] == 0){

    

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 1");

    $FetchSelectNews = mysqli_fetch_array($SelectNews);

    

    

    echo "<div style='

        position: relative; 

        top: 0px; left: 0px; 

        width: 100%; height: 20%;

        background: blue;

        '>".$FetchSelectNews['title']."</div>

        

        <div style='

        position: relative;

        top: 0px; left: 0px;

        width: 100%; height: 80%;

        background: url('news_images/".$FetchSelectNews['ID'].".jpg');

        background-size: cover; background-position: center;

        '></div>";

}



if($_GET['type'] == 1){

    

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 4");

    $i = $_GET['num'];

    $j = 0;

    

    while($FetchSelectNews=mysqli_fetch_array($SelectNews)){

        

        if($i == $j){

            

            echo "<div style='

                position: relative; 

                top: 0px; left: 0px;

                width: 100%; height: 30px;

                background: blue;

                '>".$FetchSelectNews['title']."</div>

                

                <div style='

                position: relative;

                top: 0px; left: 0px;

                width: 100%; height: 80%;

                background: url('images/news/".$FetchSelectNews['ID'].".jpg');

                '></div>

                ";

        }

        $j++;

    }

}



?>

Il problema è questa parte:

background: url('images/news/".$FetchSelectNews['ID'].".jpg');

Nonostante tutti i miei tentativi le immagini non le trova, nonostante il percorso sia giusto, ovvero: root/functions/news_images/IMMAGINI .

Potreste aiutarmi? Forse ignoro qualche magagna di PHP? Oppure ho sbagliato qualcosa in CSS? Aiutatemi vi prego D:

26-08-2015, 10.34.15

Nessuno che riesca a trovare una soluzione al mio problema? :(

**alemoppo** · 26-08-2015, 13.12.58

Guardando velocissimamente penso ci sia un problema di apici:

Codice:

<div style=' 
        position: relative; 
        top: 0px; left: 0px; 
        width: 100%; height: 80%; 
        background: url('news_images/".$FetchSelectNews['ID'].".jpg'); 
        background-size: cover; background-position: center; 
        '></div>

Hai usato due volte i singoli apici: prova usando i doppi apici (con l'escape altrimenti li considera dell'echo) in url().

Ciao!

**darbula** · 26-08-2015, 13.50.56

Ti posso consigliare come migliorare il codice

Codice PHP:


<? 



$PageToLoad = $_GET['page']; 

if($PageToLoad == 'index' OR $PageToLoad == NULL){ 



?>

in

Codice PHP:


<? 



$PageToLoad = NULL; 

if(isset($_GET['page']) != 0 AND ($PageToLoad = $_GET['page']) == 'index' OR $PageToLoad == NULL){ 



?>

Tolgo gli errori enotice.
Terzo file

Codice PHP:


<? 



include('connection.php'); 



if($_GET['type'] == 0){ 

     

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 1"); 

    $FetchSelectNews = mysqli_fetch_array($SelectNews); 

     

     

    echo "<div style=' 

        position: relative;  

        top: 0px; left: 0px;  

        width: 100%; height: 20%; 

        background: blue; 

        '>".$FetchSelectNews['title']."</div> 

         

        <div style=' 

        position: relative; 

        top: 0px; left: 0px; 

        width: 100%; height: 80%; 

        background: url('news_images/".$FetchSelectNews['ID'].".jpg'); 

        background-size: cover; background-position: center; 

        '></div>"; 

} 



if($_GET['type'] == 1){ 

     

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 4"); 

    $i = $_GET['num']; 

    $j = 0; 

     

    while($FetchSelectNews=mysqli_fetch_array($SelectNews)){ 

         

        if($i == $j){ 

             

            echo "<div style=' 

                position: relative;  

                top: 0px; left: 0px; 

                width: 100%; height: 30px; 

                background: blue; 

                '>".$FetchSelectNews['title']."</div> 

                 

                <div style=' 

                position: relative; 

                top: 0px; left: 0px; 

                width: 100%; height: 80%; 

                background: url('images/news/".$FetchSelectNews['ID'].".jpg'); 

                '></div> 

                "; 

        } 

        $j++; 

    } 

} 



?>

in

Codice PHP:


<? 



include('connection.php'); 



$var = 0;

if(isset($_GET['type']) != 0 AND ($var=$_GET['type']) == '0'){ 

     

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 1"); 

    $FetchSelectNews = mysqli_fetch_array($SelectNews); 

     

     

    echo "<div style=' 

        position: relative;  

        top: 0px; left: 0px;  

        width: 100%; height: 20%; 

        background: blue; 

        '>".$FetchSelectNews['title']."</div> 

         

        <div style=' 

        position: relative; 

        top: 0px; left: 0px; 

        width: 100%; height: 80%; 

        background: url('news_images/".$FetchSelectNews['ID'].".jpg'); 

        background-size: cover; background-position: center; 

        '></div>"; 

} 



if($var == '1' AND isset($_GET['num']) != 0){ 

     

    $SelectNews = mysqli_query($Con, "SELECT * FROM news ORDER BY ID DESC LIMIT 4"); 

    $i = (int) $_GET['num']; 

    $j = 0; 

     

    while($FetchSelectNews=mysqli_fetch_array($SelectNews)){ 

         

        if($i == $j){ 

             

            echo "<div style=' 

                position: relative;  

                top: 0px; left: 0px; 

                width: 100%; height: 30px; 

                background: blue; 

                '>".$FetchSelectNews['title']."</div> 

                 

                <div style=' 

                position: relative; 

                top: 0px; left: 0px; 

                width: 100%; height: 80%; 

                background: url('images/news/".$FetchSelectNews['ID'].".jpg'); 

                '></div> 

                "; 

        } 

        $j++; 

    } 

} 



?>

Aspetta ieri ho sniffato la connessione ed effettivamente i link li crea http://pokemoneokanto.altervista.org...dex.php?type=0 in modo scorretto

Codice:

./news_images/4.jpg

mentre deve essere quella corrente functions http://pokemoneokanto.altervista.org...s_images/4.jpg indica una cartella prima aggiorna il codice e ti funzionera. Questo link si vedeva dal browser gli altri no.
Lo script che salva le immagini nelle directory come è?

26-08-2015, 15.13.20

Per caricare le immagini utilizzo FileZilla, non ho ancora elaborato uno script. Comunque ora ho messo le immagini nella stessa dir:
http://pokemoneokanto.altervista.org/functions/4.jpg
Ed ho cambiato il codice in:

Codice PHP:


background: url('".$FetchSelectNews['ID'].".jpg');

Le immagini non si vedono lo stesso... Sto impazzendo!

26-08-2015, 15.17.47

UPDATE:
Dopo un giorno a fissare lo script mi sono accorto solamente ora dell'errore banale da me commesso ahahaha.
Avevo usato i simboli di apertura testuale in maniera errata, ora ecco il codice sistemato:

Codice PHP:


echo '<div style="

        position: relative; 

        top: 0px; left: 0px; 

        width: 100%; padding: 2% 0;

        background: rgba(0,0,0,0.8);

        font-size: 18px; text-align: center;

        ">'.$FetchSelectNews['title'].'</div>



        <div style="

        position: relative;

        top: 0px; left: 0px;

        width: 100%; height: 80%;

        background: url(\''.$FetchSelectNews['ID'].'.jpg\');

        background-size: cover; background-position: center;

        ""></div>';

Discussione: Non trovo le immagini

LinkBack

Strumenti discussione

Display

Non trovo le immagini

Regole di scrittura