Code Source pour effectuer un Zoom

En fait j'ai tapé ça comme ça :

<html>
<head>
<title>Country Style !</title>


<!------------------------------- APPEL DES SCRIPT JAVAscript ------------------------->
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>




<script type="text/javascript">
		
		$(function() 	
			{
				$(".jqzoom").jqzoom();
			}	
		  );
</script>
</head>

</html>

T'as bien fait comme ca ?

<html>
<head>
<script type="text/javascript" src="fonctionShowZoom.js" />
</head>
<body>
<a href="lettre.png" class="panview"><img src="lettre.png" alt="Lettre_A" onmouseover="ShowZoom(event);" /></a>
</body>
</html>

???

aaaaaaaaaaaah nan mais j'ai trouvé en fait !!
Merci beaucoup tu m'as beaucoup aidé !!
En plus t'as l'air très fort en programmation :D :

c'est-à-dire comme ça ? :

<html>
<body>
<head>
<a href="lettre.png" class="panview"></a>
<img src="lettre.png" alt="Lettre_A" onmouseover="ShowZoom(event);" />
<script type="text/javascript" src="fonctionShowZoom.js" />
</head>
</body>
</html>

non, met le dans le head !!

Oui alors avec ça :

"
<html>
<body>

<a href="lettre.png" class="panview"></a>
<img src="lettre.png" alt="Lettre_A" onmouseover="ShowZoom(event);" />
<script type="text/javascript" src="fonctionShowZoom.js" />

</body>
</html>
"

J'ai l'image mais aucun Zoom.

ah bah oui t'as raison !!
C'est plus du php donc ça marchait pas !
Et moi qui copiait comme un mouton :D !
J'le fais et je te dis =)

Dans Zoom.php, enlève <?php require('....'); ?>
Mais rajoute entre <head> et </head> ceci : <script type="text/javascript" src="fonctionShowZoom.js" />
Voilà !! je mettais complètement embrouillé !! ^^

oui j'ai plus de message d'erreur.
Mais le soucis précédent est de retour :D !
J'ai tout le code de la fonction qui s'affiche, de " var ie =(document.all)? ... " jusqu"à " ; } return position; } ...".

bah oui !! il faut que zoom.php et fonctionShowZoom.js soient dans le même dossier pour ca marche et il faut que tu mettes : <?php require('fonctionShowZoom.js'); ?> ^^ désolé

Oui en fait tu parles de ce que j'avais fait au début.
Maintenant c'est ça :

<html>
<body>

<a href="lettre.png" class="panview"></a>
<img src="lettre.png" alt="Lettre_A" onmouseover="ShowZoom(event);" />

</body>
</html>

parce qu'ils sont dans le même dossier.
C'est ça ?

Ah bah oui !!!
<a href="Site_Perso/images/zoroastre.jpg" class="panview"><img src="Site_Perso/images/zoroastre.jpg" onmouseover="ShowZoom(event);" /></a>

Ouais c'est l'image que j'ai incluse dans la page, elle s'affiche. Mais y'a aucun zoom.

La lettre qui s'affiche ?

oui c'est bon y'a pas de message d'erreur.
Par contre c'est juste la lettre qui s'affiche. En plus, je vois pas comment la fonction peut fonctionner si on enlève l'appel à la fonction ?

Enlève juste <?php require('fonctionShowZoom.php'); ?>

voilà

Ah bah perfait ça marche !
J'ai compris l'erreur.
Par contre, le message d'erreur :

"Warning: require(fonction_ShowZoom.php) [function.require]: failed to open stream: No such file or directory in P:\Progs\EasyPHP 3.0\www\zoom\zoom.php on line 4

Fatal error: require() [function.require]: Failed opening required 'fonction_ShowZoom.php' (include_path='.;P:/Progs/EasyPHP 3.0\php\includes') in P:\Progs\EasyPHP 3.0\www\zoom\zoom.php on line 4"

Il faut que tu changes le nom de fonctionShowZoom.php !! => fonctionShowZoom.js !!!!

Ok .
Le code de fonctionShowZoom.php, c'est ça :

var ie =(document.all)?true:false;

function ShowZoom(e) {
var x = (navigator.appName.substring(0, 3) == "Net") ? e.pageX : event.x + document.documentElement.scrollLeft;
var y = (navigator.appName.substring(0, 3) == "Net") ? e.pageY : event.y + document.documentElement.scrollTop;

var curleft = curtop = 0;

var ZoomS = document.getElementById("ZoomOver");
var ZoomL = document.getElementById("ZoomBigImg");
var MainImage = document.getElementsByName('mainProductImage')[0];
var BigImage = document.getElementsByName('ZoomProductImage')[0];

var PosZoomS = findPos(ZoomS);
var PosZoomL = findPos(ZoomL);
var PosMainImage = findPos(MainImage);
var PosBigImage = findPos(BigImage);

if (ZoomS != null && ZoomL != null && MainImage != null && BigImage != null) {

ZoomS.style.display = '';
ZoomL.style.display = '';

var newY = y - (ZoomS.offsetHeight / 2);
var newX = x - (ZoomS.offsetWidth / 2);

if (ie && navigator.appName == 'Opera') {
posScroll = getScrollingPosition();
newY += posScroll[1];
newX += posScroll[0];
}

//Positionnement de la div over de l'image

if (newY > PosMainImage[1] && (newY + ZoomS.offsetHeight) < (PosMainImage[1] + MainImage.offsetHeight))
ZoomS.style.top = newY + 'px';
else {
if ((newY + ZoomS.offsetHeight) < (PosMainImage[1] + MainImage.offsetHeight)) {
newY = PosMainImage[1];
ZoomS.style.top = newY + 'px';
}
else {
newY = (PosMainImage[1] + MainImage.offsetHeight - ZoomS.offsetHeight);
ZoomS.style.top = newY + 'px';
}
}

if (newX > PosMainImage[0] && (newX + ZoomS.offsetWidth) < (PosMainImage[0] + MainImage.offsetWidth))
ZoomS.style.left = newX + 'px';
else {
if ((newX + ZoomS.offsetWidth) < (PosMainImage[0] + MainImage.offsetWidth)) {
newX = PosMainImage[0];
ZoomS.style.left = newX + 'px';
}
else
{
newX = (PosMainImage[0] + MainImage.offsetWidth - ZoomS.offsetWidth);
ZoomS.style.left = newX + 'px';
}
}

//positionement dans la grande fenetre
if (BigImage.offsetWidth > 500) {
newX = (-1 * BigImage.offsetWidth * ((newX - PosMainImage[0]) / MainImage.offsetWidth));
if ((-newX + 500) < BigImage.offsetWidth)
BigImage.style.left = newX + 'px';
else
BigImage.style.left = -(BigImage.offsetWidth - 500) + 'px';
}

if (BigImage.offsetHeight > 350) {
newY = (-1 * BigImage.offsetHeight * ((newY - PosMainImage[1]) / MainImage.offsetHeight));
if ((-newY + 350) < BigImage.offsetHeight)
BigImage.style.top = newY + 'px';
else
BigImage.style.top = -(BigImage.offsetHeight - 350) + 'px';
}
if (BigImage.offsetWidth <=500) {
ZoomS.style.width = MainImage.offsetWidth + 'px';
}
else {
ZoomS.style.width = '125px';
}

if (BigImage.offsetHeight <= 350)
ZoomS.style.height = MainImage.offsetHeight + 'px';
else
ZoomS.style.height = '97px';
}
}

function HideDivZoom() {

var ZoomS = document.getElementById("ZoomOver");
var ZoomL = document.getElementById("ZoomBigImg");
var BigImage = document.getElementsByName('ZoomProductImage')[0];

ZoomS.style.display = 'none';
ZoomL.style.display = 'none';

BigImage.style.top = '0px';
BigImage.style.left = '0px';
}

function HideDivZoom(e) {
var MainImage = document.getElementsByName('mainProductImage')[0];
//MainImage.wid
/*if (navigator.appName == 'Opera') {
var pos = findPos(MainImage)
var height = pos[0] + 330;
var width = pos[1] + 267;
var x = (navigator.appName.substring(0, 3) == "Net") ? e.pageX : event.x + document.body.scrollLeft;
var y = (navigator.appName.substring(0, 3) == "Net") ? e.pageY : event.y + document.body.scrollTop;
if ((x > width) || (x < pos[1]) || (y > height) || (y < pos[0])) {
}
else {
ShowZoom(e);
return null;
}
}*/
var ZoomS = document.getElementById("ZoomOver");
var ZoomL = document.getElementById("ZoomBigImg");
var BigImage = document.getElementsByName('ZoomProductImage')[0];

ZoomS.style.display = 'none';
ZoomL.style.display = 'none';

BigImage.style.top = '0px';
BigImage.style.left = '0px';
}

function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
}
return [curleft, curtop];
}

function getScrollingPosition() {
var position = [0, 0];
if (typeof window.pageYOffset != 'undefined') {
position = [
window.pageXOffset,
window.pageYOffset
];
}
else if (typeof document.documentElement.scrollTop
!= 'undefined' && document.documentElement.scrollTop > 0) {
position = [
document.documentElement.scrollLeft,
document.documentElement.scrollTop
];
}
else if (typeof document.body.scrollTop != 'undefined') {
position = [
document.body.scrollLeft,
document.body.scrollTop
];
}
return position;
}

------------------------------------------- Et le code de Zoom.php :-------------------------------------------

<html>
<body>
<script type="text/javascript">
$(window).load(function()
{
$("a.panview").panview(560,400);
}
)
;
</script>
<a href="Site_Perso/images/zoroastre.jpg" class="panview"><img src="Site_Perso/images/zoroastre.jpg"/></a>

</body>
</html>

Oui je vois !!!
Tu as mis le code de la fonction ShowZoom dans un fichier .php ????