Confused about linking an interactive element Javascript/HTML -


i've been working on website coursework, i've gotten bit stuck. i'm trying hyperlink images i've put inside of carousel (although done weirdly, i'm told). code below.
javascript:

  function changeimageloop(button_id) {         var image = document.getelementbyid('banner' + n);         if (button_id = "right") {             n += 1;         } else {             n -= 1;         }         if (n > maxn) {             n = 1         }         if (n < 1) {             n = 3         }         image.src = "fancy dress banner " + n + ".png";         image.id = "banner" + n;     }

and html:

<div class="content">     <div class="imageslide"> <a href="costumes.html">         <img id="banner1" src="fancy dress banner 1.png" alt="musical fancy dress">     </a>      </div>     <div class="imageleft">         <button type="button" id="left" onclick='changeimageloop2(id)' style="width:30px; height:18px;"></button>     </div>     <div class="leftrightgap"></div>     <div class="imageright">         <button type="button" id="right" onclick='changeimageloop(id)' style="width:30px; height:18px;"></button>     </div>

don't think it's relevant, here's css in case:

.imageslide {     width:100%;     margin-top:2%;     margin-left:2%;     margin-right:2%;     background:#bcd6d6;     border:2px solid black; } .imageleft {     width:5%;     height:2%;     float:left;     margin-left:3%;     margin-top:1%;     background:#bcd6d6;     border:2px solid black; } .leftrightgap {     width:80%;     height:2%;     float:left;     margin-left:2%;     margin-top:1%;     background:#bcd6d6;     border:2px solid black; } .imageright {     width:5%;     height:2%;     float:right;     margin-right:3%;     margin-top:1%;     background:#bcd6d6;     border:2px solid black; }

i've tried few different things, cant figure out how retrieve contents of 'href=""' section , change it, each image needs hyperlink different page of site. if help, appreciate it.


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more