2013-10-11 4 views
1

Je cherche à pouvoir cliquer sur une image et la rediriger vers une autre page html. Cette page n'est pas stockée dans le répertoire racine du site Web. J'ai essayé le code suivant, mais j'ai eu une erreur 404.Comment intégrer une URL dans une image en HTML?

<a href="/home/tyler/Documents/hfm/website/index.html"><img src= "fahlogo.png" /></a> 
+0

Quelle est l'URL que vous utilisez pour accéder à cette page sur votre navigateur? Ce serait l'URL à mettre dans le lien . – Alvarez

Répondre

2

Modifier

Alias Apache vous permet de cartographier d'autres chemins de fichiers vers le chemin Web. Par exemple:

Alias /mydocs /home/tyler/Documents/hfm/website 

Cela qu'Apache pour servir une demande à /mydocs/index.html de regarder sous /home/tyler/Documents/hfm/website/index.html. Alors vous pouvez utiliser:

<a href="/mydocs/index.html"><img src= "fahlogo.png" /></a> 

Utilisez une URL relative:

<a href="/index.html"><img src= "fahlogo.png" /></a> 

Il pointera vers http://mywebsite.com/index.html. Si vous avez besoin, par exemple, http://mywebsite.com/app/index.html, vous utilisez:

<a href="/app/index.html"><img src= "fahlogo.png" /></a> 
+0

Cela ne fonctionne pas, et c'est exactement le même code que j'utilisais auparavant. N'oubliez pas que la racine de mon site Web n'est PAS la même que celle de ce fichier .html. Racine de l'annuaire (fahlogo.png):/etc/apache2 HFM root (index.html): /home/tyler/Documents/hfm/website/index.html –

+0

@TylerMontney oh, je vois maintenant. Je suppose que vous avez besoin de la commande "Alias" - voir ma modification ci-dessus. – McGarnagle

+0

Bon, ça a marché, mais j'ai un problème en créant plus d'un. J'aimerais avoir plusieurs alias. Pour une raison quelconque, il me donne la même erreur 404 pour tous les nouveaux alias. –

0

Juste un petit conseil si le fichier est juste au-dessus du dossier en cours, vous pouvez indiquer au navigateur pour monter un dossier en mettant « ../ » devant votre nom de fichier. Exemple:

<a href="../index.html"><img src= "fahlogo.png" /></a> 
Questions connexes