ancre et classe spécifique
Posté : 24 nov. 2010, 11:35
Bonjour à tous,
Je suis graphiste et je travaille actuellement sur mon portfolio. J'utilise un cms (indexhibit) pour développer mon site.
J'ai bidouillé un plugin, mais j'arrive à mes limites ! Je suis débutant.
Pourtant j'y suis presque.....
Le plugin permet en cliquant sur une image de passer à la suivante en scroll animé. Lorsque qu'on arrive à la dernière, le click renvoie directement à la première image. Jusqu'a la no problemo , ça marche !
Mon problème :
Je souhaiterai que lorsque on click sur la dernière image, elle pointe sur une div (#frametop) située tout en haut et non pas à la première image. Je souhaiterai également que cette dernière image ai une classe spécifique (.nothumb-top).
Je suis en panne et si quelqu'un peut me filer un coup de main pour terminer mon site , je lui en serais vraiment reconnaissant
voicic mon code :
/f
Je suis graphiste et je travaille actuellement sur mon portfolio. J'utilise un cms (indexhibit) pour développer mon site.
J'ai bidouillé un plugin, mais j'arrive à mes limites ! Je suis débutant.
Pourtant j'y suis presque.....
Le plugin permet en cliquant sur une image de passer à la suivante en scroll animé. Lorsque qu'on arrive à la dernière, le click renvoie directement à la première image. Jusqu'a la no problemo , ça marche !
Mon problème :
Je souhaiterai que lorsque on click sur la dernière image, elle pointe sur une div (#frametop) située tout en haut et non pas à la première image. Je souhaiterai également que cette dernière image ai une classe spécifique (.nothumb-top).
Je suis en panne et si quelqu'un peut me filer un coup de main pour terminer mon site , je lui en serais vraiment reconnaissant
voicic mon code :
<?php if (!defined('SITE')) exit('No direct script access allowed');
// defaults from the general libary - be sure these are installed
$exhibit['dyn_css'] = dynamicCSS();
$exhibit['exhibit'] = createExhibit();
function createExhibit()
{
$OBJ =& get_instance();
global $rs;
$pages = $OBJ->db->fetchArray("SELECT *
FROM ".PX."media, ".PX."objects_prefs
WHERE media_ref_id = '$rs[id]'
AND obj_ref_type = 'exhibit'
AND obj_ref_type = media_obj_type
ORDER BY media_order ASC, media_id ASC");
// ** DON'T FORGET THE TEXT ** //
$s = $rs['content'];
$s .= "\n<div class='cl'><!-- --></div>\n";
if (!$pages) return $s;
$i = 1; $a = '';
$total = count($pages);
// people will probably want to customize this up
foreach ($pages as $go)
{
$text = ($go['media_title'] == '') ? '' : $go['media_title'];
$text .= ($go['media_caption'] == '') ? ' ' : ': ' . $go['media_caption'];
$anchor = ($i >= $total) ? 1 : $i + 1;
$a .=
"<span id='anchor$i' class='nothumb'><a href='#anchor$anchor'><img src='" . BASEURL . GIMGS . "/$go[media_file]' alt='$go[media_caption]' /></a>
</span>";
$i++;
}
// images
$s .= "<div id='img-container'>";
$s .= $a;
$s .= "</div>";
return $s;
}
function dynamicCSS()
{
return "#img-container p { margin-bottom: 18px; }\n#img-container p span { line-height: 18px; }\n.nothumb, .nothumb-top { float: left; }\n.nothumb img .nothumb-top im { display: block; margin: 0;}";
}
?>
merci /f