liens sur un élément du slideshow
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago - 9 years 8 months ago #25836
by WebActionPHP
liens sur un élément du slideshow was created by WebActionPHP
j'aimerais faire un lien sur un diapo à partir d'une image
(un peut comme les vignettes le font) à l'intérieur de la camera.
les images serait en dessous des menus sous la forme d'une planche contact
voir maquette
1) on click sur l'oeil
2) on click sur la photo de la planche contact
3) on obtient une action sur la bonne slide
pour l'instant j'ai configuré la planche et le slide show qui alterne
voir sur production.webactionphp.ca/
les thumbs apparaissent sur mouse hover dans le haut de la page
(un peut comme les vignettes le font) à l'intérieur de la camera.
les images serait en dessous des menus sous la forme d'une planche contact
voir maquette
1) on click sur l'oeil
2) on click sur la photo de la planche contact
3) on obtient une action sur la bonne slide
pour l'instant j'ai configuré la planche et le slide show qui alterne
voir sur production.webactionphp.ca/
les thumbs apparaissent sur mouse hover dans le haut de la page
Last edit: 9 years 8 months ago by WebActionPHP. Reason: ajout de détails
Please Log in or Create an account to join the conversation.
9 years 8 months ago #25843
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic liens sur un élément du slideshow
salut
je ne pense pas que tu puisses faire ça nativement avec le module, là c'est du developpement spécifique (à première vue). Malheureusement je ne te serai pas d'une grande aide sur le coup-là ...
CEd
je ne pense pas que tu puisses faire ça nativement avec le module, là c'est du developpement spécifique (à première vue). Malheureusement je ne te serai pas d'une grande aide sur le coup-là ...
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago #25859
by WebActionPHP
Replied by WebActionPHP on topic liens sur un élément du slideshow
j'essaie de recréer les conditions favorables pour activer la fonction
j'ai repérer l'endroit du script qui est en cause (je pense)
$('.pix_thumb img',thumbs).click(function(){
pouvez-vous confirmer que c'est cette fonction
j'ai repérer l'endroit du script qui est en cause (je pense)
$('.pix_thumb img',thumbs).click(function(){
pouvez-vous confirmer que c'est cette fonction
Please Log in or Create an account to join the conversation.
9 years 8 months ago #25860
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic liens sur un élément du slideshow
ça c'est l'évenement lorsque tu cliques sur une image miniature, si c'est ce que tu cherches
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago #25888
by WebActionPHP
Replied by WebActionPHP on topic liens sur un élément du slideshow
Merci beaucoup pour ta réponse
cela m'évite de mettre en cause le point de départ
Je posterais le résultat si je trouve la solution
avec cette fonction: $('.pix_thumb img',thumbs).click(function(){
Bonne journée
cela m'évite de mettre en cause le point de départ
Je posterais le résultat si je trouve la solution
avec cette fonction: $('.pix_thumb img',thumbs).click(function(){
Bonne journée
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Topic Author
- Offline
- Junior Member
9 years 8 months ago - 9 years 8 months ago #25961
by WebActionPHP
Replied by WebActionPHP on topic liens sur un élément du slideshow
Comme promis voici la solution
pour faire un lien sur une planche contact de toutes les photos d'un slideshow
dans mon exemple les photo sont caché et disponible par une icone de petit carré
les slides varients en nombre de collonnes en fontion du total
Juste après la fonction:
$('.pix_thumb img',thumbs).click(function(){
ligne(2296) camera_1_3_8.js
AJOUTER cette nouvelle fonction
$('.fwImg').click(function(){ // la fonction sollicite la nouvelle class (fwImg)
if(!elem.hasClass('camerasliding')){
// modification
var FW_Class = $(this).attr('class'); // récupère le noms des class
var FW_IdNum=FW_Class.split("_"); // sépare la chaine por récupérer (idNum) dans le tableau[indice 1]
var idNum = parseFloat(FW_IdNum[1]); // transforme la chaine en nombre
// le reste est sans changement
var curNum = parseFloat($('.cameracurrent',target).index());
if(idNum!=curNum) {
clearInterval(u);
imgFake();
$('#'+pieID+', .camera_canvas_wrap',camera_thumbs_wrap).animate({opacity:0},0);
$('.pix_thumb',thumbs).removeClass('cameracurrent');
$(this).parents('li').addClass('cameracurrent');
canvasLoader();
nextSlide(idNum+1);
thumbnailPos();
opts.onStartLoading.call(this);
}
}
});
// Code pour les photos de planche contact
'<img class="fwImg fwImg_' . $i . '" src="' . $item->imgname . '" />';
// à l'intérieur de tmpl/default
for ($i = 0; $i < count($items); ++$i) {
...
}
pour voir
production.webactionphp.ca/
pour faire un lien sur une planche contact de toutes les photos d'un slideshow
dans mon exemple les photo sont caché et disponible par une icone de petit carré
les slides varients en nombre de collonnes en fontion du total
Juste après la fonction:
$('.pix_thumb img',thumbs).click(function(){
ligne(2296) camera_1_3_8.js
AJOUTER cette nouvelle fonction
$('.fwImg').click(function(){ // la fonction sollicite la nouvelle class (fwImg)
if(!elem.hasClass('camerasliding')){
// modification
var FW_Class = $(this).attr('class'); // récupère le noms des class
var FW_IdNum=FW_Class.split("_"); // sépare la chaine por récupérer (idNum) dans le tableau[indice 1]
var idNum = parseFloat(FW_IdNum[1]); // transforme la chaine en nombre
// le reste est sans changement
var curNum = parseFloat($('.cameracurrent',target).index());
if(idNum!=curNum) {
clearInterval(u);
imgFake();
$('#'+pieID+', .camera_canvas_wrap',camera_thumbs_wrap).animate({opacity:0},0);
$('.pix_thumb',thumbs).removeClass('cameracurrent');
$(this).parents('li').addClass('cameracurrent');
canvasLoader();
nextSlide(idNum+1);
thumbnailPos();
opts.onStartLoading.call(this);
}
}
});
// Code pour les photos de planche contact
'<img class="fwImg fwImg_' . $i . '" src="' . $item->imgname . '" />';
// à l'intérieur de tmpl/default
for ($i = 0; $i < count($items); ++$i) {
...
}
pour voir
production.webactionphp.ca/
Last edit: 9 years 8 months ago by WebActionPHP.
Please Log in or Create an account to join the conversation.
Time to create page: 0.215 seconds