Леко преправяне на кода?

qnkov90

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

Код:
<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>
 
Можеш с float: right; да сложиш елемент отдясно на следващ, т.е. да им обърнеш реда на рендериране спрямо markup-a.
 
Дай ми кода, както го виждаш, за да го поставя само, че не съм много навътре.
 
За хората, които не са навътре или се научават да са навътре или си плащат на някой, който вече е отделил време да е навътре. :)

Аз ще се навътря, малко, за последно.

Код:
<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>
 

Горе