javascript - Change center img to smaller ones on mouseover -

-

need code need big img in center , row of 6 smaller ones. here did far cant change reason ...

<!doctype html> <html> <head> <title>assignment 5</title> </head> <body onload="conv()"> <img id="img1" style="height:1000px;" src="http://www.albany.edu/~ds857942/images/globemain.jpg"         alt="taiwan"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globemain.jpg" alt="taiwan"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globe2.jpg" alt="car"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globe3.jpg" alt="globec"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globe4.jpg" alt="globed"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globe5.jpg" alt="globee"> <img onmouseover="new()" style="height:100;" src="http://www.albany.edu/~ds857942/images/globe6.jpg" alt="globef">  <script> function conv() { var = document.getelementbyid("img1"); var b = document.getelementsbytagname("img"); a.style.height=0.6* screen.availheight + "px"; a.style.height= 0.6* screen.availwidth + "px";  (var x = 1;x<=6;x++) { b[x].style.height=0.15* screen.availheight + "px"; b[x].style.height=0.15* screen.availwidth + "px"; } } function new(img1){ document.getelementbyid("img1").src = eval( img1 + b[x].src );   } </script>   </body> </html>

css3 transitions work this. in css:

body > img {     height:100px;     transition:height .5s; } body > img:hover {     height:50px; }

it seems not have css file advise make 1 or add styles head tag inside style tags.


Comments

Post a Comment

Popular posts from this blog

javascript - How to synchronize the Three.js and HTML/SVG coordinate systems (especially w.r.t. the y-axis)? -

-
i'm combining 3d content three.js html , svg content. three.js cssloader pretty job synchronizing placement of html , svg content in 3d world. but svg/html coordinate systems 'left-handed', whereas three.js coordinate system 'right-handed'. means y-axes reversed. in svg/html, y / top goes go down screen, , three.js uses more standard mathematical convention of y going down go down screen. i have continually convert 1 other, pretty error prone. know not first run (for example, look here ). has come general solution? here's tried: do in object3d .scale.y = -1 . may suspect, turns out disaster. turns inside-out, , don't try put camera in there. do in object3d .rotate.x = math.pi . more promising, z axis no longer consistent html concept of z-index. still, i'm using now. in html, don't use top , use bottom . in svg , inside <g transform="scale(1, -1)"> inside <g transform="translate(0, imageheight)"> . h...
Read more

javascript - How do I find how many occurences are there of a highlighted string, and which occurence is it? -

-
as title says, have website text inside div, there way highlight part of , know occurence is? if text has 4 occurences of word "something", , highlight 3rd, how information using javascript/jquery? http://jsfiddle.net/g09g35xa/6/ here's method seems work. highlight string want , when click button alert index of highlighted word in div. markup: <div id="thediv"> <p>the quick brown quick fox jumps on lazy dog</p> </div> <br /> <input id="findindex" type="button" value="find index of highlighted string" /> and js: function getselectedhtml() { try { if (window.activexobject) { var c = document.selection.createrange(); return c.htmltext; } return getselection().getrangeat(0).tostring(); } catch (e) { if (window.activexobject) { return document.selection.createrange(); } else { return ...
Read more

java - Reading data from multiple zip files and combining them to one -

-
i want read data lets 4 zip files called zip1, zip2, zip3, zip4. of these zip files split 1 big zip file called "bigzip". want combine zip files 1 , compare bytes if 1 bigzip file matches size of bytes combined zip file of (zip1+zip2+zip3+zip4). getting small file size when combine size of 4 zip files. doing wrong? here code same: targetfilepath1, targetfilepath2, targetfilepath3, targetfilepath4 belongs path of 4 zip files. sourcefilepath path bigzip file class test { public static void main(string args[]) { zipoutputstream outstream = new zipoutputstream(new fileoutputstream(sourcebigzip)); readzip(sourcefilepath, targetfilepath1); readzip(sourcefilepath, targetfilepath2); readzip(sourcefilepath, targetfilepath3); readzip(sourcefilepath, targetfilepath4); outstream.close(); } static void readzip(string sourcebigzip, string targetfile) throws exception { zipinputstream instream = new zipinputstream(new file...
Read more