hallo,
hier: http://www.vlinderkas.com/index.php?option=com_content&view=article&id=47&Itemid=28
heb ik via bretteleben.de een very simple image gallery gedownload.
nu heb ik in bijgevoegd javasript (behalve bij 'terug' en 'verder') waar onclick stond veranderd in mouseover, want ik wilde mouseover bij de thumbs en gaan onclick. dat werkte.
maar het gekke is: eerst moet je een keer op verder hebben gedrukt, dus in de tweede set terecht komen, voordat de mouseover gaat werken! als je de eerste keer op de eerste set terecht komt is het nog gewoon slechts Onclick dat de zaken regelt.
wat zou hier aan de hand kunnen zijn?
script:
[JS]// "Very Simple Image Gallery" Plugin for Joomla 1.5 - Version 1.6.2
// License: http://www.gnu.org/copyleft/gpl.html
// Author: Andreas Berger - http://www.bretteleben.de
// Copyright (c) 2010 Andreas Berger - andreas_berger@bretteleben.de
// Project page and Demo at http://www.bretteleben.de
// ***Last update: 2010-05-22***
//dom
function vsig_dom(obj){return document.getElementById(obj);}
//switch image without reload
function switchimg(t_ident,t_ident_b) {
//topimage
var topimg="topimg"+t_ident_b[2];
//replace ' with ' in alt-title
t_ident[6] = t_ident[6].replace(/'/g, "'");
//replace ' with ' in link-title
t_ident[4] = t_ident[4].replace(/'/g, "'");
//replace & with & in alt-title
t_ident[6] = t_ident[6].replace(/&/g, "&");
//switch caption
var t_cap=vsig_dom(topimg).parentNode.getElementsByTagName("div");
if(t_cap.length>=1){
t_cap[0].innerHTML=(t_ident[1]!=""||t_ident[2]!="")?("<span>"+t_ident[1]+"</span><span>"+t_ident[2]+"</span>"):"";
}
//switch link
if(typeof(vsig_dom(topimg).parentNode.href)!="undefined"){
vsig_dom(topimg).parentNode.href=t_ident[3];
vsig_dom(topimg).parentNode.title=t_ident[4];
vsig_dom(topimg).parentNode.target=t_ident[5];
}
//switch image
vsig_dom(topimg).src=t_ident_b[0]+"vsig_images/"+t_ident[0];
vsig_dom(topimg).alt=t_ident[6];
vsig_dom(topimg).title=t_ident[6];
}
//switch set
function switchset(s_ident,s_start,s_number) {
var ev_ident=eval(s_ident);
var ev_identb=eval(s_ident+"_b");
var sets_total=Math.ceil(ev_ident.length/s_number);
var sets_current=s_start/s_number+1;
//button back
if(sets_current>=2){
vsig_dom('bback'+s_ident).href = ev_identb[3].replace(/&/g, "&")+(s_start-s_number)*1;
vsig_dom('bback'+s_ident).onclick = function(){switchset(s_ident,(s_start-s_number)*1,s_number);return false;}
}
else{
// vsig_dom('bback'+s_ident).href = "#g_"+s_ident;
// vsig_dom('bback'+s_ident).onclick = function(){return false;}
vsig_dom('bback'+s_ident).href = ev_identb[3].replace(/&/g, "&")+((sets_total-1)*s_number);
vsig_dom('bback'+s_ident).onclick = function(){switchset(s_ident,((sets_total-1)*s_number),s_number);return false;}
}
//button forward
if(sets_current<=sets_total-1){
vsig_dom('bfwd'+s_ident).href = ev_identb[3].replace(/&/g, "&")+(s_start+s_number)*1;
vsig_dom('bfwd'+s_ident).onclick = function(){switchset(s_ident,(s_start+s_number)*1,s_number);return false;}
}
else{
vsig_dom('bfwd'+s_ident).href = ev_identb[3].replace(/&/g, "&")+0*1;
vsig_dom('bfwd'+s_ident).onclick = function(){switchset(s_ident,0*1,s_number);return false;}
}
//set counter
vsig_dom('counter'+s_ident).innerHTML=" "+sets_current+"/"+sets_total;
//switch main image
if(s_start<=ev_ident.length&&s_start>=0){
switchimg(ev_ident[s_start],ev_identb);
}
if(s_number>=2){
//thumb ändern
var a;
for (a=1;a<=s_number;a++){
if(ev_ident[s_start+a-1]){
var b=eval(s_start+a-1);
var obj=vsig_dom('thb'+s_ident+'_'+a);
obj.style.visibility="visible";
obj.getElementsByTagName("img")[0].src = ev_identb[0]+ev_identb[1]+ev_ident[7];
obj.getElementsByTagName("img")[0].alt = ev_ident[6];
obj.getElementsByTagName("a")[0].title = ev_ident[6];
obj.getElementsByTagName("a")[0].href = ev_identb[3].replace(/&/g, "&")+b;
obj.getElementsByTagName("a")[0].b=b;
obj.getElementsByTagName("a")[0].onmouseover = function(){switchimg(ev_ident[this.b],ev_identb);return false;}
}
else{
vsig_dom('thb'+s_ident+'_'+a).style.visibility="hidden";
}
}
}
}[/JS]
hier: http://www.vlinderkas.com/index.php?option=com_content&view=article&id=47&Itemid=28
heb ik via bretteleben.de een very simple image gallery gedownload.
nu heb ik in bijgevoegd javasript (behalve bij 'terug' en 'verder') waar onclick stond veranderd in mouseover, want ik wilde mouseover bij de thumbs en gaan onclick. dat werkte.
maar het gekke is: eerst moet je een keer op verder hebben gedrukt, dus in de tweede set terecht komen, voordat de mouseover gaat werken! als je de eerste keer op de eerste set terecht komt is het nog gewoon slechts Onclick dat de zaken regelt.
wat zou hier aan de hand kunnen zijn?
script:
[JS]// "Very Simple Image Gallery" Plugin for Joomla 1.5 - Version 1.6.2
// License: http://www.gnu.org/copyleft/gpl.html
// Author: Andreas Berger - http://www.bretteleben.de
// Copyright (c) 2010 Andreas Berger - andreas_berger@bretteleben.de
// Project page and Demo at http://www.bretteleben.de
// ***Last update: 2010-05-22***
//dom
function vsig_dom(obj){return document.getElementById(obj);}
//switch image without reload
function switchimg(t_ident,t_ident_b) {
//topimage
var topimg="topimg"+t_ident_b[2];
//replace ' with ' in alt-title
t_ident[6] = t_ident[6].replace(/'/g, "'");
//replace ' with ' in link-title
t_ident[4] = t_ident[4].replace(/'/g, "'");
//replace &amp; with & in alt-title
t_ident[6] = t_ident[6].replace(/&/g, "&");
//switch caption
var t_cap=vsig_dom(topimg).parentNode.getElementsByTagName("div");
if(t_cap.length>=1){
t_cap[0].innerHTML=(t_ident[1]!=""||t_ident[2]!="")?("<span>"+t_ident[1]+"</span><span>"+t_ident[2]+"</span>"):"";
}
//switch link
if(typeof(vsig_dom(topimg).parentNode.href)!="undefined"){
vsig_dom(topimg).parentNode.href=t_ident[3];
vsig_dom(topimg).parentNode.title=t_ident[4];
vsig_dom(topimg).parentNode.target=t_ident[5];
}
//switch image
vsig_dom(topimg).src=t_ident_b[0]+"vsig_images/"+t_ident[0];
vsig_dom(topimg).alt=t_ident[6];
vsig_dom(topimg).title=t_ident[6];
}
//switch set
function switchset(s_ident,s_start,s_number) {
var ev_ident=eval(s_ident);
var ev_identb=eval(s_ident+"_b");
var sets_total=Math.ceil(ev_ident.length/s_number);
var sets_current=s_start/s_number+1;
//button back
if(sets_current>=2){
vsig_dom('bback'+s_ident).href = ev_identb[3].replace(/&/g, "&")+(s_start-s_number)*1;
vsig_dom('bback'+s_ident).onclick = function(){switchset(s_ident,(s_start-s_number)*1,s_number);return false;}
}
else{
// vsig_dom('bback'+s_ident).href = "#g_"+s_ident;
// vsig_dom('bback'+s_ident).onclick = function(){return false;}
vsig_dom('bback'+s_ident).href = ev_identb[3].replace(/&/g, "&")+((sets_total-1)*s_number);
vsig_dom('bback'+s_ident).onclick = function(){switchset(s_ident,((sets_total-1)*s_number),s_number);return false;}
}
//button forward
if(sets_current<=sets_total-1){
vsig_dom('bfwd'+s_ident).href = ev_identb[3].replace(/&/g, "&")+(s_start+s_number)*1;
vsig_dom('bfwd'+s_ident).onclick = function(){switchset(s_ident,(s_start+s_number)*1,s_number);return false;}
}
else{
vsig_dom('bfwd'+s_ident).href = ev_identb[3].replace(/&/g, "&")+0*1;
vsig_dom('bfwd'+s_ident).onclick = function(){switchset(s_ident,0*1,s_number);return false;}
}
//set counter
vsig_dom('counter'+s_ident).innerHTML=" "+sets_current+"/"+sets_total;
//switch main image
if(s_start<=ev_ident.length&&s_start>=0){
switchimg(ev_ident[s_start],ev_identb);
}
if(s_number>=2){
//thumb ändern
var a;
for (a=1;a<=s_number;a++){
if(ev_ident[s_start+a-1]){
var b=eval(s_start+a-1);
var obj=vsig_dom('thb'+s_ident+'_'+a);
obj.style.visibility="visible";
obj.getElementsByTagName("img")[0].src = ev_identb[0]+ev_identb[1]+ev_ident[7];
obj.getElementsByTagName("img")[0].alt = ev_ident[6];
obj.getElementsByTagName("a")[0].title = ev_ident[6];
obj.getElementsByTagName("a")[0].href = ev_identb[3].replace(/&/g, "&")+b;
obj.getElementsByTagName("a")[0].b=b;
obj.getElementsByTagName("a")[0].onmouseover = function(){switchimg(ev_ident[this.b],ev_identb);return false;}
}
else{
vsig_dom('thb'+s_ident+'_'+a).style.visibility="hidden";
}
}
}
}[/JS]
Laatst bewerkt: