liens sur un élément du slideshow
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
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 1 month ago
by WebActionPHP
Last edit: 9 years 1 month ago by WebActionPHP. Reason: ajout de détails
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
Replied by WebActionPHP on topic liens sur un élément du slideshow
Posted 9 years 1 month ago #25859
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
by WebActionPHP
Please Log in or Create an account to join the conversation.
ça c'est l'évenement lorsque tu cliques sur une image miniature, si c'est ce que tu cherches
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
Replied by WebActionPHP on topic liens sur un élément du slideshow
Posted 9 years 1 month ago #25888
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
by WebActionPHP
Please Log in or Create an account to join the conversation.
- WebActionPHP
- Offline Topic Author
- Junior Member
- Posts: 22
- Thanks: 2
Replied by WebActionPHP on topic liens sur un élément du slideshow
Posted 9 years 1 month ago #25961
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 1 month ago
by WebActionPHP
Last edit: 9 years 1 month ago by WebActionPHP.
Please Log in or Create an account to join the conversation.
Time to create page: 0.679 seconds