BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS  - <img> ... localisation sur le disque
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

<img> ... localisation sur le disque

 Répondre Répondre
Auteur
Message
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Sujet: <img> ... localisation sur le disque
    Envoyé : 30 Sep 2015 à 22:53
Bonjour,
 
j'ai beau chercher je ne comprends pas et si quelqu'un voit ce que je veux dire ça m'aiderait bien.
 
plutôt que d'insérer un élément image dans la page, depuis la liste d'éléments d'OE, et qui sera donc une image de la bibliothèque du projet, je cherche à le faire depuis le code, dan une optique différente.
 
sur tous les posts que je vois qui se rapprochent de ce que je cherche, le chemin d'accès de l'image est :
 
File\Image\image.jpg
 
alors je ne comprends pas pourquoi si j'insère un code html de type, ( supposé faire appel à une image au préalable placée dans la bibliothèque OE du projet )  :
 
<!DOCTYPE html>
<html>
<body>

<h2>image</h2>
<img src="File\Image\image.jpg" alt="image test" style="width:304px;height:228px;">

</body>
</html>
 
ça ne fonctionne pas. je n'arrive pas à me rendre compte de l'erreur que je fais.
Merci pour votre attention.
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 22:59
On ne peut pas avoir 2 body ou 2 header...

Juste ceci suffira :


<h2>image</h2>
<img src="../File/Image/image.jpg" alt="image test" style="width:304px;height:228px;">



Edité par MicroVinc - 30 Sep 2015 à 23:12
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 23:03
Merci, oui je comprends, mais là c'était juste pour l'illustration complète. quand je met du code en body, je ne réécris pas doc type, html , header, body ...
 
je ne mets que ça :
 
<h2>image</h2>
<img src="File\Image\image.jpg" alt="image test" style="width:304px;height:228px;">
 
mais en prévisualisation, aucune image n'apparaît, je m'arrache les cheveux avec cette histoire.
 


Edité par xplorer - 30 Sep 2015 à 23:03
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 23:09
Dans un bloc de code visuel mettez votre code...
Ensuite être sûr que le chemin de l'image est le bon...
Remplacer les \ par de /

Suivant l'emplacement de votre page ajouter ../ devant File/Image....

Edité par MicroVinc - 30 Sep 2015 à 23:13
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 23:30
Merci !
 
j'ai laissé les \ comme dans le chemin sur le disque.
Le bloc de code visuel a sans doute aidé, je n'ai pas comparé.
erreur , j'avais écrit File et non Files .... Wacko 
pourtant je suis sûr d'avoir essayé en recopiant même le chemin d'accès sur le disque, donc avec "Files"
 
et avec ce code simple, ça marche.
 
avec un code plus complexe, ça ne veut pas marcher mais au moins un test à petite échelle a fonctionné, et ça veut dire beaucoup ! Merci beaucoup !
 
 
avec un code plus complexe, dans un cadre différent et déjà animé, pour observer comment ça marche, l'image apparaît une micro seconde seulement :
 
<DIV class="content"></DIV>
<DIV id="valignbox"></DIV>
<DIV id="maincontent">
<DIV id="content">
<H1 class="toplogo"><A title="site - test" href="jm'>http://www.jma.it/index.html">jm
architecture</A></H1>  
<DIV class="hope">
<DIV class="images">
<DIV class="tool image-holder next browse right"><IMG width="680" height="454"
alt="jesolo lido pool villa by jm architecture" src="Files\Image\image test.jpg"></DIV>
<DIV class="tool image-holder next browse right"><IMG width="680" height="454"
alt="jesolo lido pool villa by jm architecture" src="jesolo%20lido%20pool%20villa%20by%20jm%20architecture_fichiers/jacopo-mascheroni-jesolo-lido-pool-villa-02.jpg"></DIV>
</DIV></DIV>
<DIV class="maindownmenu">
<DIV class="menulineone"><A href="profile
http://www.jma.it/jm-architecture-by-jacopo-mascheroni-profile.html">profile</A><BR><A
class="active"
href="works
http://www.jma.it/jm-architecture-lake-lugano-house.html">works</A><BR><A
href="in'>http://www.jma.it/jm-architecture-white-canvas.html">in progress</A><BR><A
href="unbuilt
http://www.jma.it/jm-architecture-floating-pianos.html">unbuilt</A><BR><A
href="news
http://www.jma.it/jm-architecture-by-jacopo-mascheroni-news.html">news</A><BR><A
href="press
http://www.jma.it/jm-architecture-by-jacopo-mascheroni-press.html">press</A><BR><A
href="contact
http://www.jma.it/jm-architecture-by-jacopo-mascheroni-contact.html">contact</A>
</DIV>
<DIV class="menulinetwo">
<PRE>2006 - 2013</PRE></DIV>
<DIV class="menulinetree"><A title="jesolo lido pool villa" class="active" href="jesolo'>http://www.jma.it/jm-architecture-jesolo-lido-pool-villa.html">jesolo
lido pool villa</A><BR><A title="lake lugano house" href="lake'>http://www.jma.it/jm-architecture-lake-lugano-house.html">lake
lugano house</A><BR><A title="adriatica hq" href="adriatica'>http://www.jma.it/jm-architecture-adriatica-hq.html">adriatica
hq</A><BR><A title="caffè di mezzo" href="caffè'>http://www.jma.it/jm-architecture-caffe-di-mezzo.html">caffè
di mezzo</A><BR><A title="cassia antica" href="cassia'>http://www.jma.it/jm-architecture-cassia-antica.html">cassia
antica</A><BR><A title="jlv 008" href="jlv'>http://www.jma.it/jm-architecture-jlv-008.html">jlv
008</A><BR><A title="como loft" href="como'>http://www.jma.it/jm-architecture-como-loft.html">como
loft</A><BR><A title="dolomites house" href="dolomites'>http://www.jma.it/jm-architecture-dolomites-house.html">dolomites
house</A><BR></DIV>
<DIV class="menulinefore"><A title="jesolo lido pool villa" class="active" href="images
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa.html">images</A><BR><A
title="jesolo lido pool villa construction" href="construction
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa-construction.html">construction</A><BR><A
title="jesolo lido pool villa description" href="description
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa-description.html">description</A><BR><A
title="jesolo lido pool villa drawings" href="drawings
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa-drawings.html">drawings</A>
</DIV></DIV>
<DIV class="slidetabs" id="thumbs"><A src="Files\Image\image test.jpg">01</A>
  <A
src="Files\Image\image test.jpg">02</A>  <A
href="03
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa.html#">03</A>  <A
href="04
http://www.jma.it/jm-architecture-jesolo-lido-pool-villa.html#">04</A>  <A

</DIV>
<SCRIPT src="jesolo%20lido%20pool%20villa%20by%20jm%20architecture_fichiers/slider.js" type="text/javascript"></SCRIPT>
 </DIV></DIV>
 


Edité par xplorer - 30 Sep 2015 à 23:32
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 23:34
Au premier coup d'oeil :
href="jm'>http://www...

Enlever jm'>

Idem pour tous les autres...

Edité par MicroVinc - 30 Sep 2015 à 23:36
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Sep 2015 à 23:43
j'ai honte, j'étais si près du but, et un simple "s" dans "Files" changeait tout ...
 
oui même la ligne entière je peux l'enlever, c'est ce que j'ai mis en rouge, src=  ...
qui ne fonctionne qu'une micro seconde.
 
au moins déjà, avec un test à petite échelle, je suis sûr de savoir désormais lier une image dans un code, depuis le disque, et ça m'aide beaucoup.
 
le code complexe, je vais l'épurer, retirer un paquet de choses inutiles comme la ligne que t'as repérée, et le limiter au fonctionnement du slideshow et des boutons / images depuis le disque.
 
là je comprendrai mieux comment fonctionne ce slideshow.
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 01 Oct 2015 à 03:59
mmmh je crois que j'ai compris ...
les images ne s'affichent pas parce qu'un plugin est installé sur le serveur du site que j'observe. ce plugin de slideshow ( ça serait lié aux plugins de la marque flowplayer j'ai l'impression ) est appelé par un script js. comme je n'ai pas ce plugin, les images n'apparaissent pas.
 
on voit bien sur Google que l'image que j'ai mise dans le code, et qui est localisée sur mon dique, apparaît bien mais en miniature, au survol de la souris sur le code, mais pas dans la fenêtre de slideshow :
 
 
 
voilà ce que dit le script java, donc j'ai écrit à flowplayer à tout hasard, pour trouver quel est ce plugin qui serait sur le serveur. je vais me replonger dans jquery java pour voir si je ne pourrais pas faire sans, et utiliser cette structure html déjà présente et très bien faite. au moins j'aurais appris à relier une image du disque au code html dans OE ! Merci !!
 
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(function() {
$(".slidetabs").tabs(".images > div", {
 // enable "cross-fading" effect
 effect: 'fade',
 fadeOutSpeed: "slow",
 // start from the beginning after the last tab
 rotate: true
// use the slideshow plugin. It accepts its own configuration
}).slideshow();
});
 
 
 
 


Edité par xplorer - 01 Oct 2015 à 04:02
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.