11548 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Proposer le telechargement de photo en javascript

Bonsoir à tous,
voilà mon problème : sur mon site j'ai un diaporama de photos et je voudrais proposer le telechargement de ces photos en haute definition mais voilà j'y arrive pas... Smiley bawling
Je m'explique, les photos sont numérotés : cheval1.jpg, cheval2.jpg... l'adresse des photos pour leur affichage est donc du style :

document.cheval.src="images/cheval"+compteur+".jpg";

Je voudrais que le lien pour le telechargement soit du même style mais je ne connais pas la syntaxe.
Je sais pas si j'ai été claire, si vous avez besoins de plus de précision...
Merci

Ah au fait, je voudrais pas avoir à afficher la grande photo dans un nouvelle fenêtre et ensuite cliquer sur enregistrer sous...
Modifié par K-Ro (25 Aug 2005 - 13:23)
L'url de l'image est-il le meme que l'url de l'image a télécharger ?

Tu peut nous montrer tout le javascript ainsi que la partie html concerné ?

Tu veut que lorsque l'on clique sur l'image, sa grande soeur s'ouvre dans une nouvelle page c'est bien cela ?

Montre nous ta page stp (sinon c'est pas compliquer a faire)
Mobman02 a écrit :

Tu veut que lorsque l'on clique sur l'image, sa grande soeur s'ouvre dans une nouvelle page c'est bien cela ?



non je voudrais que quand on clique sur un lien ca affiche la fenêtre de telechargement de la grande photo.
La page est disponible à l'url : http://www.poneyclub-lomagne.fr/version_2/chevaux.htm
Modifié par K-Ro (24 Aug 2005 - 21:48)
Bon ok chaque photo possede un zip c'est ca ?
(tu aurais pu le dire ^^)

j'ai vu que tu avait deja fait ça, c'est un bon debut ^^
function lien(form){
window.alert("http://www.poneyclub-lomagne.fr/images/cheval"+compteur+".zip")
return lien;
}

Mais le probleme c'est le compteur.

Moi je ferais plutot un truc comme ça :


function prec(form){
	compteur-=1
	if (compteur<=0){
		if(!bloquer){
			compteur=nbreimages;
		}
		else{
			compteur=1;
		}
	}
	document.cheval.src="images/cheval"+compteur+".jpg";
	form.commentaire.value=texte[compteur];
[b]document.lien_c.href="http://www.poneyclub-lomagne.fr/images/cheval"+compteur+".zip";[/b]
}

function suiv(form){
	compteur+=1
	if (compteur==(nbreimages+1)){
		if(!bloquer){
			compteur=1;
		}
		else{
			compteur=nbreimages;
		}
	}
	document.cheval.src="images/cheval"+compteur+".jpg";
	form.commentaire.value=texte[compteur];
[b]document.lien_c.href="http://www.poneyclub-lomagne.fr/images/cheval"+compteur+".zip";[/b]
}


Voila tout simplement !
pour le lien :
<a href="#" name="lien_c" target="_blank">Telecharger la photo en haute qualité</a>

Normalement comme ça, Smiley eek sa marche ! Smiley cligne
a écrit :
Bon ok chaque photo possede un zip c'est ca ?
(tu aurais pu le dire ^^)


En fait, le zip j'aurai bien aimé m'en passer, mais bon si j'ai pas le choix...
Je vais essayer ta solution merci
Comment ça sa ne fonctionne pas ? Smiley ohwell
tu peu nous montrer la page ou tu la essayer ? parce que moi je suis pratiquement sur que le code est bon...
Tu as une même règle de nomage pour les fichiers?

cheval0.jpg et cheval0.zip?
cheval1.jpg et cheval1.zip?

...
Non désolé, ca marche pas... voilà la page de test
http://www.poneyclub-lomagne.fr/version_2/chevaux.htm
Pour l'instant il y a le zip uniquement pour la 1ere photo celle du cheval Legende.

a écrit :
Tu as une même règle de nomage pour les fichiers?

cheval0.jpg et cheval0.zip?
cheval1.jpg et cheval1.zip?


Oui, l'image est cheval0.jpg et le zip cheval0.zip
Ouki,

alors déjà ajoute un ID à la balise image. Ce qui donnerait:


<img id="nomImage" src="images/cheval0.jpg" name="cheval" alt="">


Puis ajoutes cette fonction:


<script>
function download() {
	var chaine = new String(document.getElementById('nomImage').src);
	number = chaine.match(/cheval(.+?)\.jpg/)[1];
	// Solution 1
	document.location.href = 'cheval' + number + 'zip';
	// Solution 2
	// window.open('cheval' + number + 'zip', '_blank');
}
</script>

Il te suffira d'appeler la fonction download via ton button.

Bon courage.
Bonjour,

je voudrais simplement savoir comment on fait en php ou javascript (me semble-t-il) pour faire un lien qui pointe vers une photo en téléchargement, tout simplement.

Exemple : j'ai une photo course.jpg dans mon site internet qui est en local via easyphp, et je voudrais mettre un bouton on lien 'TELECHARGER' qui me demande :
- ouvrir avec ...
ou
- telecharger

mais je n'y arrive pas, si quelqu'un aurait un petit coup de pouce à me donner, cela serait fort sympathique.
Millau12
Modifié par Millau12 (03 Jun 2006 - 19:13)
Sujet clos
Aller à