[RESOLU] Problème data-src

chrisschriss Member
novembre 2014 modifié dans Entraide
Bonjour,
Voilà mon problème Pour écrire un nouveau thème, dans le code pour le slider j'ai besoin de ceci 
[== HTML ==]
<div data-src="images/index_slide01.jpg">
            <div class="fadeIn camera_caption">
                <h2 class="text_1 color_1">Solutions that you need!</h2>
                <a class="btn_1" href="#">More info</a>
            </div>
        </div>
Mais l'image index_slide01.jpg ne s'affiche pas.
Pourquoi j'utilise data-src? voilà la raison: http://www.alsacreations.com/article/lire/1397-html5-attribut-data-dataset.html

- Je suis bien en HTML5
- Si j'écris mon code comme ceci, 
[== HTML ==]
<div><img src="images/index_slide01.jpg"/>
....
</div>
je vois les images mais les unes au dessus des autres et les textes sont l'un sur l'autre. Donc c'est le bon dossier des images.
- Si j'écris la page tout en HTML5 (index.html) donc pas dans PluXml en PHP, cela fonctionne.

Cela fait 48h que je suis dessus (enfin presque :) ) et aucune solution.
Je voudrais bien savoir si quelqu'un à déjà utilisé cet attribut (data-*) avec PluXml et si cela a fonctionné.?

Réponses

  • Pio154Pio154 Member
    novembre 2014 modifié
    En fait, soit tu utilises un div avec un background-image avec CSS soit tu utilises une image et les attributs data-* afin de positionner ton texte dans l'image. Parce que lui, le div, ne chargera aucune image contrairement à <img src="ton-image.png">
  • chrisschriss Member
    novembre 2014 modifié
    Bonjour,

    Comme dit dans mon premier message cela fonctionne, je l'ai testé dans un autre site mais ce n'était pas avec PluXml.
  • Pio154Pio154 Member
    Tu utilises pas un éditeur du style CKEditor qui aurait par mal chance modifier le code source ?

    Sinon, je ne vois pas, tu aurais le code source en ligne avec l'exemple que tu nous as montré ?
  • chrisschriss Member
    novembre 2014 modifié
    Non, j'utilise notepad++
    le code est sur mon ordi pour l'instant. (serveur xampp]
    Comme cela fonctionne en index.html, j'ai vérifié si j,avais les mêmes lignes dans header.php et home.php, il me semble que oui (vérifié 3 fois) .. en sorti sur l'écran, avec FF j,ai contrôlé le code source, c'est ok et toujours pas d'images....grrr :mad:

    Si pas de solution je vais, pour le moment, abandonné ce thème (j,en ai plusieurs dans les cartons) :rolleyes:
  • StéphaneStéphane Member, Former PluXml Project Manager
    ou alors tu as du jquery dans un coin qui utilises cette balise pour faire comme si et du coup ça affiche ton image

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • StéphaneStéphane Member, Former PluXml Project Manager
    chriss a écrit:
    Non, j'utilise notepad++
    le code est sur mon ordi pour l'instant. (serveur xampp]
    Comme cela fonctionne en index.html, j'ai vérifié si j,avais les mêmes lignes dans header.php et home.php, il me semble que oui (vérifié 3 fois) .. en sorti sur l'écran, avec FF j,ai contrôlé le code source, c'est ok et toujours pas d'images....grrr :mad:

    Si pas de solution je vais, pour le moment, abandonné ce thème (j,en ai plusieurs dans les cartons) :rolleyes:

    as-tu vidé le cache de ton navigateur ? des fois que...

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • Pio154Pio154 Member
    Stéphane a écrit:
    chriss a écrit:
    Non, j'utilise notepad++
    le code est sur mon ordi pour l'instant. (serveur xampp]
    Comme cela fonctionne en index.html, j'ai vérifié si j,avais les mêmes lignes dans header.php et home.php, il me semble que oui (vérifié 3 fois) .. en sorti sur l'écran, avec FF j,ai contrôlé le code source, c'est ok et toujours pas d'images....grrr :mad:

    Si pas de solution je vais, pour le moment, abandonné ce thème (j,en ai plusieurs dans les cartons) :rolleyes:

    as-tu vidé le cache de ton navigateur ? des fois que...

    Ah ce truc, c'est épique parfois !
  • chrisschriss Member
    Stéphane a écrit:
    chriss a écrit:
    Non, j'utilise notepad++
    le code est sur mon ordi pour l'instant. (serveur xampp]
    Comme cela fonctionne en index.html, j'ai vérifié si j,avais les mêmes lignes dans header.php et home.php, il me semble que oui (vérifié 3 fois) .. en sorti sur l'écran, avec FF j,ai contrôlé le code source, c'est ok et toujours pas d'images....grrr :mad:

    Si pas de solution je vais, pour le moment, abandonné ce thème (j,en ai plusieurs dans les cartons) :rolleyes:

    as-tu vidé le cache de ton navigateur ? des fois que...

    Oui, plusieurs fois aussi, et essayé sur FF, Nightly, Chrome et IE11 pareil.
  • chrisschriss Member
    Bon j'ai trouvé..
    C'est dans le fichier script.js l'adresse des fichires JS qui étaient mal nommées... :(
  • chrisschriss Member
    novembre 2014 modifié
    Bonjour,
    Voici JUSTE la page Home à cette adresse:

    http://chorale.shost.ca/testa/

    et elle est responsive.
  • StéphaneStéphane Member, Former PluXml Project Manager
    Voilà un thème avec un look pro.

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • Pio154Pio154 Member
    En effet, mais je trouve le scroll trop lent par contre.
  • chrisschriss Member
    novembre 2014 modifié
    Pio154 a écrit:
    En effet, mais je trouve le scroll trop lent par contre.

    en effet c'est camera slideshow, c'est à voir :cool: ... Mais tellement content que cela fonctionne que je neme suis pas penché sur cela.
    :)

    EDIT: devrait mieux fonctionner si je mets autoAdvance à true O:)
  • Jerry WhamJerry Wham Member
    Vraiment chouet ce thème. Sobre et clair. Belle réalisation.
Connectez-vous ou Inscrivez-vous pour répondre.