Bonjour à tous,
Je suis en train de développer un site internet compatible sur tablette, sur bureau et peut-être plus tard sur mobile. Par conséquent, je suis en train de me renseigner dans le responsive et plus particulièrement le chargement des images adaptés aux devices concernés.
J'ai découvert cette librairie : http://adaptive-images.com/
Cependant, je n'arrive pas à la mettre en place...
Disons que mon serveur c'est www.monserveur.com
A l'emplacement www.monserveur.com/html, on y trouve le fichier adaptive-images.php, un dossier vide "ai-cache", un dossier vide "assets", un dossier "images" qui contient une image (www.monserveur.com/html/images/image.jpg) et mon fichier index.html.
L'index.html contient bien le code JS dans les balides <head> et l'image est présente :
Le fichier .htacess contient :
adaptive-images.php contient :
En principe, vous avez toutes les informations.
Le script .php est bien appelé et j'ai une erreur à la ligne 28, dans la partie ou il ne faut en principe rien toucher.
La première erreur est la suivante : <b>Warning</b>: basename() expects parameter 1 to be string, array given in <b>/homez.154/gozudyay/www/html/adaptive-images.php</b> on line <b>30</b><br />. Ensuite, d'autres erreurs du même type apparaissent.
J'ai sans doute mal configuré la librairie et çà fais déjà plus de 2h que je tourne, donc si quelqu'un peux m'aider çà serait adorable
Merci d'avance, n'hésitez pas !!!
Je suis en train de développer un site internet compatible sur tablette, sur bureau et peut-être plus tard sur mobile. Par conséquent, je suis en train de me renseigner dans le responsive et plus particulièrement le chargement des images adaptés aux devices concernés.
J'ai découvert cette librairie : http://adaptive-images.com/
Cependant, je n'arrive pas à la mettre en place...
Disons que mon serveur c'est www.monserveur.com
A l'emplacement www.monserveur.com/html, on y trouve le fichier adaptive-images.php, un dossier vide "ai-cache", un dossier vide "assets", un dossier "images" qui contient une image (www.monserveur.com/html/images/image.jpg) et mon fichier index.html.
L'index.html contient bien le code JS dans les balides <head> et l'image est présente :
<!doctype html>
<html>
<head>
<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>
</head>
<body>
<img src="images/image.jpg" alt="" />
</body>
</html>
Le fichier .htacess contient :
<IfModule mod_rewrite.c>
Options +FollowSymlinks
RewriteEngine On
RewriteCond %{REQUEST_URI} !assets
RewriteRule \.(?:jpe?g|gif|png)$ adaptive-images.php
</IfModule>
adaptive-images.php contient :
$resolutions = array(1382, 992, 768, 480); // the resolution break-points to use (screen widths, in pixels)
$cache_path = "ai-cache"; // where to store the generated re-sized images. Specify from your document root!
$jpg_quality = 75; // the quality of any generated JPGs on a scale of 0 to 100
$sharpen = TRUE; // Shrinking images can blur details, perform a sharpen on re-scaled images?
$watch_cache = TRUE; // check that the adapted image isn't stale (ensures updated source images are re-cached)
$browser_cache = 60*60*24*7;
En principe, vous avez toutes les informations.
Le script .php est bien appelé et j'ai une erreur à la ligne 28, dans la partie ou il ne faut en principe rien toucher.
$requested_uri = parse_url(urldecode($_SERVER['REQUEST_URI']), PHP_URL_PATH);La première erreur est la suivante : <b>Warning</b>: basename() expects parameter 1 to be string, array given in <b>/homez.154/gozudyay/www/html/adaptive-images.php</b> on line <b>30</b><br />. Ensuite, d'autres erreurs du même type apparaissent.
J'ai sans doute mal configuré la librairie et çà fais déjà plus de 2h que je tourne, donc si quelqu'un peux m'aider çà serait adorable
Merci d'avance, n'hésitez pas !!!