Autor | Zpráva | ||
---|---|---|---|
pavel kveton Profil * |
dobry den chtěl bych se zeptal zdali nejde ( Jde) udělat viditelnost obrazku pomoci javasriptu zde vidit) e pruhlednost pomoci javascriptu u zvětšeneho obrazku, mno ja bych potřeboval zviditelnit ten puvodni obrazek :-) ( ne pomoci css: opacity neprojde css validatorem :-( takže mě napadlo estli by to nešlo tak :-) děkuji
tohle je v souboru java moc se v tom nevyznem :-) dík if (typeof document.attachEvent!='undefined') { window.attachEvent('onload',init); document.attachEvent('onmousemove',moveMouse); document.attachEvent('onclick',checkMove); } else { window.addEventListener('load',init,false); document.addEventListener('mousemove',moveMouse,false); document.addEventListener('click',checkMove,false); } var oDv=document.createElement("div"); var dvHdr=document.createElement("div"); var dvBdy=document.createElement("div"); var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft; boxOpen=false; ox=10; oy=10; lockX=0; lockY=0; function init() { oDv.appendChild(dvHdr); oDv.appendChild(dvBdy); oDv.style.position="absolute"; oDv.style.visibility='hidden'; document.body.appendChild(oDv); } function defHdrStyle() { dvHdr.innerHTML='<img style="vertical-align:middle" src="info.gif"> '+dvHdr.innerHTML; dvHdr.style.fontWeight='bold'; dvHdr.style.width='150px'; dvHdr.style.fontFamily='arial'; dvHdr.style.border='1px solid #A5CFE9'; dvHdr.style.padding='3'; dvHdr.style.fontSize='11'; dvHdr.style.color='#4B7A98'; dvHdr.style.background='#D5EBF9'; dvHdr.style.filter='alpha(opacity=85)'; // IE dvHdr.style.opacity='0.85'; // FF - VIDITELNOST pole ned scr? } function defBdyStyle() { dvBdy.style.borderBottom='1px solid #A5CFE9'; dvBdy.style.borderLeft='1px solid #A5CFE9'; dvBdy.style.borderRight='1px solid #A5CFE9'; dvBdy.style.width='500px'; //- VELIKOST OBRAZKU PRO IE dvBdy.style.height='375px'; dvBdy.style.fontFamily='arial'; dvBdy.style.fontSize='11'; dvBdy.style.padding='3'; dvBdy.style.color='#1B4966'; dvBdy.style.background='#FFFFFF'; dvBdy.style.filter='alpha(opacity=30)'; // IE-VIDITELNOSTproIE dvBdy.style.opacity='0.30'; // FF -VIDITELNOST ZVETSENEHO OBRAZKU } function checkElemBO(txt) { if (!txt || typeof(txt) != 'string') return false; if ((txt.indexOf('header')>-1)&&(txt.indexOf('body')>-1)&&(txt.indexOf('[')>-1)&&(txt.indexOf('[')>-1)) return true; else return false; } function scanBO(curNode) { if (checkElemBO(curNode.title)) { curNode.boHDR=getParam('header',curNode.title); curNode.boBDY=getParam('body',curNode.title); curNode.boCSSBDY=getParam('cssbody',curNode.title); curNode.boCSSHDR=getParam('cssheader',curNode.title); curNode.IEbugfix=(getParam('hideselects',curNode.title)=='on')?true:false; curNode.fixX=parseInt(getParam('fixedrelx',curNode.title)); curNode.fixY=parseInt(getParam('fixedrely',curNode.title)); curNode.absX=parseInt(getParam('fixedabsx',curNode.title)); curNode.absY=parseInt(getParam('fixedabsy',curNode.title)); curNode.offY=(getParam('offsety',curNode.title)!='')?parseInt(getParam('offsety',curNode.title)):10; curNode.offX=(getParam('offsetx',curNode.title)!='')?parseInt(getParam('offsetx',curNode.title)):10; curNode.fade=(getParam('fade',curNode.title)=='on')?true:false; curNode.fadespeed=(getParam('fadespeed',curNode.title)!='')?getParam('fadespeed',curNode.title):0.04; curNode.delay=(getParam('delay',curNode.title)!='')?parseInt(getParam('delay',curNode.title)):0; if (getParam('requireclick',curNode.title)=='on') { curNode.requireclick=true; document.all?curNode.attachEvent('onclick',showHideBox):curNode.addEventListener('click',showHideBox,false); document.all?curNode.attachEvent('onmouseover',hideBox):curNode.addEventListener('mouseover',hideBox,false); } else {// Note : if requireclick is on the stop clicks are ignored if (getParam('doubleclickstop',curNode.title)!='off') { document.all?curNode.attachEvent('ondblclick',pauseBox):curNode.addEventListener('dblclick',pauseBox,false); } if (getParam('singleclickstop',curNode.title)=='on') { document.all?curNode.attachEvent('onclick',pauseBox):curNode.addEventListener('click',pauseBox,false); } } curNode.windowLock=getParam('windowlock',curNode.title).toLowerCase()=='off'?false:true; curNode.title=''; curNode.hasbox=1; } else curNode.hasbox=2; } function getParam(param,list) { var reg = new RegExp('([^a-zA-Z]' + param + '|^' + param + ')\\s*=\\s*\\[\\s*(((\\[\\[)|(\\]\\])|([^\\]\\[]))*)\\s*\\]'); var res = reg.exec(list); var returnvar; if(res) return res[2].replace('[[','[').replace(']]',']'); else return ''; } function Left(elem){ var x=0; if (elem.calcLeft) return elem.calcLeft; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0)) x+=parseInt(elem.currentStyle.borderLeftWidth); x+=elem.offsetLeft; elem=elem.offsetParent; } oElem.calcLeft=x; return x; } function Top(elem){ var x=0; if (elem.calcTop) return elem.calcTop; var oElem=elem; while(elem){ if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0)) x+=parseInt(elem.currentStyle.borderTopWidth); x+=elem.offsetTop; elem=elem.offsetParent; } oElem.calcTop=x; return x; } var ah,ab; function applyStyles() { if(ab) oDv.removeChild(dvBdy); if (ah) oDv.removeChild(dvHdr); dvHdr=document.createElement("div"); dvBdy=document.createElement("div"); CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle(); CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle(); dvHdr.innerHTML=CBE.boHDR; dvBdy.innerHTML=CBE.boBDY; ah=false; ab=false; if (CBE.boHDR!='') { oDv.appendChild(dvHdr); ah=true; } if (CBE.boBDY!=''){ oDv.appendChild(dvBdy); ab=true; } } var CSE,iterElem,LSE,CBE,LBE, totalScrollLeft, totalScrollTop, width, height ; var ini=false; // Customised function for inner window dimension function SHW() { if (document.body && (document.body.clientWidth !=0)) { width=document.body.clientWidth; height=document.body.clientHeight; } if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) { width=document.documentElement.clientWidth; height=document.documentElement.clientHeight; } return [width,height]; } Moderátor Chamurappi: Zbytek je useknutý, nevešel se sem.
|
||
TomasJ Profil |
#2 · Zasláno: 20. 2. 2010, 19:15:24 · Upravil/a: TomasJ
pavel kveton:
stačilo by, kdybyste přiřadil ke zobrazovanému img i id například: <img src="adresa" id="picture" alt="Zvetseny Obrazek"> a pak jen do JavaScriptu přidal tuto funkci (tuto zde máte použitu též... function setOpacity(value, id) { var element = document.getElementById(id); element.style.opacity = value; element.style.filter = 'alpha(opacity=' + value + ')'; } Tato funkce funguje tak, že při najetí myší na obrázek, zavoláte funkci setOpacity("0.5","picture"); Obrázek bude na polovinu průhledný "0.5" si můžete změnit na jakékoliv číslo, nejvíce však 1 a nejméně 0 Se zbytkem scriptu Vám neporadím... Jeho vysvětlení by mělo být tam, kde jste ho našel. „ne pomoci css: opacity neprojde css validatorem“ Mně opacity prošla bez problémů (na jigsaw CSS Validátoru) |
||
TomasJ Profil |
#3 · Zasláno: 20. 2. 2010, 19:28:39 · Upravil/a: TomasJ
Jinak nevidím v čem by měl být problém
|
||
pavel kveton Profil * |
#4 · Zasláno: 21. 2. 2010, 14:10:29
TomasJ:
u toho sameho validatoru mi to piše že opacity nejde (css lebev 3 u 2.1 mi to piše 4 chyby) Litujeme! Našli jsme následující chyby (2) URI : styly.css 75 #horizontalni-menu Chyba při analýza opacity=50) 153 #vertikalni-menu li a Chyba při analýza opacity=50) jinak je kod co sem posilal ja byl jen přiklad :-) ja se v tom moc nevyznam, šlo mi o to aby ten zmenšeny obrazek byl pruhledny furt :-) ne jen při přejetí myši, děkuji |
||
pavel kveton Profil * |
#5 · Zasláno: 21. 2. 2010, 15:11:02
TomasJ:
no uplně nejlepši by bylo kdyby ste mi ukazal jak napsat validne css opacity :-) děkuji ja piši: opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; s tim že ty dvě posledni už nemusi byt ( jsou pro starši prohližeče ) |
||
Časová prodleva: 14 let
|
0