html - Javascript: Change <a href> to match <img src> multiple times on a page -


i'm attempting write script take 'img src' , copy 'a href'. trick page i'm working on photo gallery, multiple images on page script needs work on. needs happen page loaded. here's html:

<!-- album row 1 --> <div class="col-md-6 col-sm-6 album">   <a class = "img-container-alt" href="**this_is_where_the_imgsrc_below/will_end_up.jpg**" data-gallery>    <div class="photo-overlay"></div>     <figure>      <img class="img-responsive album-img" src="**this_is_what_/i_would_like_copied_above.jpg**" alt="">     </figure>   </a> </div>

the trick is, said, getting run through multiple divs identical 1 , dynamically grabbing each img src , copying a href above within div. here's js i've done far:

    <!-- script --> <script type="text/javascript"> window.onload = function abc() {     console.log('hello')     var copyto = document.queryselectorall('.img-container-alt');     var copy = document.queryselectorall('album-img');     (var = 0; < copyto.length; i++) {         var url = copy[i].src;         copyto[i].href = url;     } } </script>

when run that, error: uncaught typeerror: cannot read property 'src' of undefined, referring var url = copy[i].src;. i'm not sure if script best option i'm trying do, i'm stumped now. i'm relatively new js, appreciated. in advance. if need clarify anything, please let me know.

getqueryselector returns nodelist of element objects suspect need use .getattribute("src") instead.


Comments

Post a Comment

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

Image
i developing site in angularjs ui-router. have situation on button click need change , load 3 state page , 3 looks image .please me how can load multiple pages. in 1 page you need configure router config this: $stateprovider .state("state1", { url: "/url1", controller: "firstcontroller", views: { view1: { templateurl: "templates/template1.html" }, view2: { templateurl: "templates/template2.html" }, view3: { templateurl: "templates/template3.html" } } }).state("state2", { url: "/url2", controller: "secondcontroller", views: { view1: { templateurl: "templates/template4.html" }, view2: { templateurl: "templates/template5.html" }, view3: { templateurl: "templates/template6.html" } }).state("state3", { ...
Read more

python - GRASS parser() error -

i'm trying use grass on python 2.7, i'm having problems @ setting script on idle, i'm getting error @ parser() function: here script: import os import sys gisbase = os.environ['gisbase'] = 'c:\program files (x86)\grass gis 7.0.1rc1' gisrc = 'c:\grassdata' gisdbase = 'c:\grassdata' location = 'newlocation' mapset = 'tc' ld_library_path = 'c:\program files (x86)\grass gis 7.0.1rc1\lib' path = 'c:\program files (x86)\grass gis 7.0.1rc1\etc';'c:\program files (x86)\grass gis 7.0.1rc1\etc\python';'c:\program files (x86)\grass gis 7.0.1rc1\lib';'c:\program files (x86)\grass gis 7.0.1rc1\bin';'c:\python27';'c:\program files (x86)\grass gis 7.0.1rc1\python27';'c:\program files (x86)\grass gis 7.0.1rc1\msys' pythonlib = 'c:\python27' pythonpath = 'c:\program files (x86)\grass gis 7.0.1rc1\etc\python' sys.path.append(os.path.join(os.environ['...
Read more

Swift game error message -

i following ios game tutorial. cannot figure out wrong here. error on these 2 lines. let newangle = percent * 180 - 180 cannon.zrotation = cgfloat(newangle) * cgfloat(m_pi); 180.0 //error "use of unresolved identifier 'percent'" the tutorial uses: cannon.zrotation = cgfloat(newangle) * cgfloat(m_pi)/ 180.0 but changed error suggested import spritekit class gamescene: skscene { var cannon: skspritenode! var touchlocation:cgpoint = cgpointzero override func didmovetoview(view: skview) { /* setup scene here */ cannon = self.childnodewithname("cannon") as! skspritenode } override func touchesbegan(touches: set<uitouch>, withevent event: uievent?) { /* called when touch begins */ touchlocation = touches.first!.locationinnode(self) } override func touchesmoved(touches: set<uitouch>, withevent event: uievent?) { touchlocation = touches.first!.locationinn...
Read more