Здравейте. Имам един код, който показва "плей", когато скролнеш върху постера. Накратко, като в замунда, както си пускаш трейлърите. Но проблеам е, че когато инсталирам някой плъгин за уърдпреса си, той взима първия имейжд да ползва от страницата, а първия имейжд е плейконата. Може ли да преправиме кода, за да стане урл-то на постера първо?

<span class="su-frame-inner su-frame-align-left su-frame-style-default"><span class="su-frame-inner"><a href="http://otaku.bg/?page_id=67&playid=91" onmouseover="this.getElementsByTagName('img')[0].style.display='block';" onmouseout="this.getElementsByTagName('img')[0].style.display='none';"><img style="display: none; margin-top: 156px; margin-left: 101px; position: absolute; opacity: 0.8;" src="http://otaku.bg/forumpic/playicon.png" alt=""><img class="alignnone size-full" src="http://otaku.bg/forumpic/schooldxd.jpg" alt="" width="300" height="410"></a></span></span>

Беше ми дадено това, но има някакъв проблем с position и ми преебава останалта информация на страницата. 

<span class="su-frame-inner su-frame-align-left su-frame-style-default"><span class="su-frame-inner">
  <a href="http://otaku.bg/?page_id=67&playid=91" onmouseover="this.getElementsByTagName('img')[1].style.display='block';" onmouseout="this.getElementsByTagName('img')[1].style.display='none';">
  <img class="alignnone size-full" src="http://otaku.bg/forumpic/schooldxd.jpg" alt="" width="300" height="410" style="position: absolute;">
  <img style="display: none; margin-top: 156px; margin-left: 101px; position: absolute; opacity: 0.8;" src="http://otaku.bg/forumpic/playicon.png" alt=""></a>
  </span>
</span>