[RESOLU] Problème data-src

chriss

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é.?

Pio154

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">

chriss

Bonjour,

Comme dit dans mon premier message cela fonctionne, je l'ai testé dans un autre site mais ce n'était pas avec PluXml.

Pio154

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é ?

chriss

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éphane

ou alors tu as du jquery dans un coin qui utilises cette balise pour faire comme si et du coup ça affiche ton image

Stéphane

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...

Pio154

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 !

chriss

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.

chriss

Bon j'ai trouvé..
C'est dans le fichier script.js l'adresse des fichires JS qui étaient mal nommées...

chriss

Bonjour,
Voici JUSTE la page Home à cette adresse:

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

et elle est responsive.

Stéphane

Voilà un thème avec un look pro.

Pio154

En effet, mais je trouve le scroll trop lent par contre.

chriss

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 Wham

Vraiment chouet ce thème. Sobre et clair. Belle réalisation.