Discussion :

[BK]

Bonjour

Je souhaite utiliser une image de fond interactive pour mon site web, donc pour cela j ai un puzzle d image relie entre elle par un tableau

Le pb est que je veux l image a 100% x 100% quelle que sois la resolution du client (j utilise une image 1600x1200 a la base)

J ai essaye differentes solution a base de javascript et php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script>
var width= " " + screen.width + " "
var height= " " + screen.height + " "
 
</script>
 <?
if(!isset($_GET['r']))
{
echo "<script language=\"JavaScript\">
<!-- 
document.location=\"$PHP_SELF?r=1&Largeur=\"+screen.width+\"&Hauteur=\"+screen.height;
//-->

</script>";
}
else {    
 
// Code à afficher en cas de détection de la résolution d'affichage
     if(isset($_GET['Largeur']) && isset($_GET['Hauteur'])) {
               // Résolution détectée
     }
     else {
               // Résolution non détectée
     }
}
 
 
$width = "<script>document.write(width);</script>";
$height= "<script>document.write(height);</script>";
 
 
 
echo '<table id="Tableau_01" width="'.Largeur.'" height="'.Hauteur.'" border="0" cellpadding="0" cellspacing="0">';
 
 
?>

Avec la variable $width comme avec Largeur, ca ne marches pas

Voila, merci de votre aide

[KibitO]

Salut !

Tu ne peux pas combiner du js et du php comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

width="'.Largeur.'" height="'.Hauteur.'"

Pourquoi ne mettrais-tu pas ton image en background de ton tableau ?

Avec les CSS tu peux faire ça...

Soit tu te crées un fichier .css, soit tu passes directement ton image en background dans ce tableau là, si tu n'en as qu'un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table background-image="url de mon image" ...

[BK]

En fait l image de base est decoupee en plusieurs partie avec l outil slice de photoshop et chacune de ces parties est integree en background dans 1 case du tableau

Le <table> ne contient pas d image mais il faux qu il sois a 100%x100% de l ecran de l utilisateur

D ailleurs la variable Largeur et Hauteur sont bien recuper puisqu elle apparaissent dans la ligne http

Donc j aimerais les recuperer et les mettre dans les variable width et height du tableau general afin qu il prenne la resolution du client et que mon image (a la base en 1600x1200) s adapte a la resolution

[KibitO]

Ah bon ?

Et tu as essayé alors un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table width=$width ...

??

[BK]

Ah bon ?

Et tu as essayé alors un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table width=$width ...

??

Marches pas non plus

[KibitO]

Bah forcément ça revient à ce que je disais.. Tu récupères des infos du client (ici sa résolution) mais une fois que les pages ont été interprétées, donc ça ne marchera pas.

Moi je te conseille de créer ton image sous différentes résolutions (800*600, 1024*768, 1280*1024 etc), de connaitre la résolution du client avec javascript et de le rediriger sur la page concernée (avec l'image à la bonne résolution)

[BK]

C est une solution que je trouvais lourd de passer par plusieurs taille d image, c est pour ca que j ai essaye par le php :p

Ce que je comprends pas c que la page est "rafraichi" avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.location=\"$PHP_SELF?r=1&Largeur=\"+screen.width+\"&Hauteur=\"+screen.height;

Et que les variable sont recupere en dehors du script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(isset($_GET['Largeur']) && isset($_GET['Hauteur']))

Donc pourquoi je ne peux pas les recuperer pour la taille de mon tableau ?

[francis m]

cela ne répond surement pas à ta question, mais je ne vois pas trop l'intérêt de vouloir adapter ton image à la résolution d'écran de ton client.

En effet, qui t'assure qu'il utilise son browser en plein écran ? (pour info, chez moi ce n'est presque jamais le cas)

[Wormus]

et j'en rajoute une couche !! en + de ce que dit le monsieur au dessus de moi faut aussi prendre en compte que les tailles de résolution d'écran ça ne veut absolument rien dire parce que il faut penser qu'il peut y'avoir une barre de défilement sur le coté, au niveau de la hauteur c'est encore pire peux y'avoir des onglets, barre d'outil,... enfin tous les navigateurs sont différents !
J'ai pas de solution à te donner (j'avoue que j'avais voulu faire ça moi aussi mais... impossible) !!