Can you help me with this code?

Sorry if my topic isn’t for here, but i don’t know any other website where should i ask this.

Hello guys. I’m using wordpress and i’m showing some anime projects with pages. I’ve added long ago code inside each project’s page that shows you play button when you scroll on anime’s poster. After that it redirects you wherever i want. But for my mistake, when you install any plugin with thumbnails… those plugins takes the first image url from the page, and the first is the playicon button. So i need to switch places with my poster url and playicon url.

This is the original code where playicon.png is the image for the playbutton and schooldxd.jpg is for the poster. How can we change the code, so first image link to be my poster and it will still works how it should?

<span class="su-frame-inner su-frame-align-left su-frame-style-default"><span class="su-frame-inner"><a href="https://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="https://otaku.bg/forumpic/playicon.png" alt=""><img class="alignnone size-full" src="https://otaku.bg/forumpic/schooldxd.jpg" alt="" width="300" height="410"></a></span></span>

Here i was given this code from one guy, but it brokes my page. I’m losing the anime’s information.

<span class="su-frame-inner su-frame-align-left su-frame-style-default"><span class="su-frame-inner">
  <a href="https://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="https://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="https://otaku.bg/forumpic/playicon.png" alt=""></a>
  </span></span>

To fix this problem, another guy told me that i have problem with “position” and told me:

“The problem is with the position. You should add to “a” element this: display:block; position:relative;

So i’ve tryed with my poor coding to do it, but i couldn’t make it work properly. Can you guys help me with this matter? I will post the whole anime’s page code inside so you will have better view of the picture.

Here, this is random project’s page code:

<span class="su-frame-inner su-frame-align-left su-frame-style-default"><span class="su-frame-inner"><a href="https://otaku.bg/?page_id=67&playid=300" 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="https://otaku.bg/forumpic/playicon.png" alt="" /><img class="alignnone size-full" src="https://otaku.bg/forumpic2/sinmovie.png" alt="" width="300" height="410" /></a></span></span>
 
<span style="color: #000000;">[su_heading size="18" margin="10"]<i>Грях - Филмът</i>[/su_heading]<br /> <img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>Тип:</strong></span><span style="color: #000000;"> Филм</span><br style="color: #000000;" /><span style="color: #000000;"><img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>Жанр:</strong></span><span style="color: #000000;"> Еччи | Фантастика | Насилие | Ужаси</span><br style="color: #000000;" /><span style="color: #000000;"><img src="https://otaku.bg/img/point.png" alt="" /><span style="color: #00ccff;"> </span></span><span style="color: #00b7e5;"><strong>Година:</strong></span><span style="color: #000000;"> 24.10.2000 г.</span><br style="color: #000000;" /><span style="color: #000000;"><img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>Епизоди:</strong></span><span style="color: #000000;"> 1</span><br style="color: #000000;" /><span style="color: orange;"><strong><img src="https://otaku.bg/img/point.png" alt="" /> <span style="color: #00b7e5;"><strong>Времетраене:</strong></span></strong></span><span style="color: #000000;"><span style="color: #00ccff;"> </span> 81 минути<br /> <span style="color: orange;"><strong><img src="https://otaku.bg/img/point.png" alt="" /> <span style="color: #00b7e5;"><strong>Продукция: </strong></span></strong><span style="color: #00b7e5;"><span style="color: #000000;">Phoenix Entertainment</span></span></span></span><br /> <span style="color: orange;"><strong><span style="color: #ffa500;"><img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong><span style="color: #00b7e5;">Студио:</span><span style="color: #00ccff;"> </span></strong></span></strong><span style="color: #00b7e5;"><span style="color: #00ccff;"><span style="color: #000000;">Phoenix Entertainment</span></span></span></span><span style="color: #000000;"><span style="color: #00ccff;"><br /> <strong><img src="https://otaku.bg/img/point.png" alt="" /> <span style="color: #00b7e5;"><strong>Държава:</strong></span></strong></span></span><span style="color: #000000;"><span style="color: #00ccff;"> </span>Япония<span style="color: orange;"><br /> <img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>Видео:</strong></span></span><span style="color: #000000;"><span style="color: #00ccff;"> </span>.mkv; 480p<span style="color: orange;"><br /> <img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>Аудио:</strong></span></span><span style="color: #000000;"><span style="color: #00ccff;"> </span>Японско; Vorbis<span style="color: orange;"><br /> </span></span><span style="color: #000000;"><img src="https://otaku.bg/img/point.png" alt="" /> </span><span style="color: #00b7e5;"><strong>За повече информация:</strong></span></p><address><span style="color: #00ccff;"><strong><br /> </strong></span><a class="postlink" style="color: #005893;" href="https://anidb.net/perl-bin/animedb.pl?show=anime&aid=365"><img class="alignnone" src="https://otaku.bg/img/anidb.png" alt="Изображение" width="104" height="28" /></a><a class="postlink" style="color: #005893;" href="https://www.animenewsnetwork.com/encyclopedia/anime.php?id=497"><img class="alignnone" src="https://otaku.bg/img/ann.png" alt="Изображение" width="104" height="28" /></a><a class="postlink" style="color: #005893;" href="https://myanimelist.net/anime/2262/Sin__The_Movie?q=sin%20the%20movie"><img class="alignnone" src="https://otaku.bg/img/mal.png" alt="Изображение" width="104" height="28" /></a></address><address> </address><address> </address><address> </address><address> </address><address> </address><address> </address><address>[su_tabs][su_tab title="Резюме"]<strong>Съвършено синьо. Можете ли да си представите такъв цвят. Аз успях да го видя, но не с очите си, не го чух и с ушите си, аз го усетих. Усетете го и вие! </strong><br /><br /><strong>Влез в света на SIN. В 21 век града Freeport teeters е на предела на разрухата.Приливите от необуздана престъпност и пагобното подкупничество са изправени пред една единствена преграда - ударен отряд, който нарича себе си HARDCORPS. Водени от полковник John Blade те са се превърнали в свиреп боен отряд, който се бори за справедливост във Freeport. Сега Blade трябва да разплете серия от мистериозни отвличания. Сложен пъзел се разкрива като се рови в упадъка на града и в сърцето му е Elexis Sinclaire. Брилянтен биохимик, безсърдечна собственичка/директор на търговско предприятие и безмилостна vixen(женска лисица,заядлива/опърничева жена) .Elexis няма да се спре пред нищо, за да постигне своята чудовищна цел : да предизвика еволюцията на човечеството.</strong><br /><br /><strong>Аз избрах правила. А вие избрахте ли? </strong><br /><p>&nbsp;</p><p>&nbsp;</p><p><span style="font-weight: bold;"> </span>[/su_tab]</p></address><address>[su_tab title="Снимки"]<br /><center><a href="screenshots2/sinmovie1.jpg"><img class="alignnone" src="screenshots2/sinmovie1.jpg" alt="Изображение" width="150" height="86" /></a><span style="color: #000000;"> </span><a class="postlink" style="color: #005893;" href="screenshots2/sinmovie2.jpg"><img class="alignnone" src="screenshots2/sinmovie2.jpg" alt="Изображение" width="150" height="86" /></a><span style="color: #000000;"> </span><a class="postlink" style="color: #005893;" href="screenshots2/sinmovie3.jpg"><img class="alignnone" src="screenshots2/sinmovie3.jpg" alt="Изображение" width="150" height="86" /></a><span style="color: #000000;"> </span><a class="postlink" style="color: #005893;" href="screenshots2/sinmovie4.jpg"><img class="alignnone" src="screenshots2/sinmovie4.jpg" alt="Изображение" width="150" height="86" /></a></center>[/su_tab]</address><address>[su_tab title="Линкове за сваляне"]<center><a class="postlink" style="color: #5d8fbd;" href="https://zamunda.net/banan?id=244580&hit=1&t=movie"><img class="alignnone" src="https://otaku.bg/forumpic/zamunda.png" alt="Изображение" width="150" height="40" /></a><a class="postlink" style="color: #5d8fbd;" href="https://animebg.net/?search=sin+movie"><img class="alignnone" src="https://otaku.bg/forumpic/direct.png" alt="Изображение" width="150" height="40" /></a><a class="postlink" style="color: #5d8fbd;" href="https://otaku.bg/subtitles2/%5bSFS%5d%20Sin%20-%20The%20Movie%20%5bDVDRip%20x264%20AC3%20Animegod%5d_track3_und.rar"><img class="alignnone" src="https://otaku.bg/forumpic/subtitles.png" alt="Изображение" width="150" height="40" /></a></center>[/su_tab]</address><address>[su_tab title="Информация за превода"]<br /> <span style="font-weight: bold;">Превод: <span style="color: #ff0000;">SonGoku (Satsugai FanSubs)</span><br /> <span style="font-weight: bold;">Редакция: <span style="color: #ff0000;">gl2dn00b</span><br /> <span style="font-weight: bold;">Стайлинг/Тайпсет: <br /> <span style="font-weight: bold;">Тайминг/Корекции: <br /><span style="font-weight: bold;">Караоке: <br /> <span style="font-weight: bold;">Кодиране: <br /> <span style="font-weight: bold;">Преведени епизоди: <span style="color: #ff6600;">1/1</span></span><br /> <span style="font-weight: bold;">Преведено по релийза на: <span style="color: red;">Неизвестен</span></span> [/su_tab]</span></span></span></span></span></span></address><address>[/su_tabs]</address>

• This topic was modified 6 years, 3 months ago by qnkov.
• This topic was modified 6 years, 3 months ago by qnkov.
• This topic was modified 6 years, 3 months ago by qnkov.