Marqus

Доброго времени суток, помогите прикрутить parallax slider на wordpress, с горем пополам нашел и попытался сделать как я это вижу, но без помощи тут не обойтись... Хотелось бы чтобы img slider работал по принципу text slider и хотелось бы прикрутить его на WP https://yadi.sk/d/IJrivj873GpqLN

Здравствуйте прошу помочь реализовать нормальный слайдер, в данный момент все в принципи работает как и было задумано, но все картинки привязаны позиционно и накладываются друг на друга из-за чего при уменьшении размера все сбивается <h3 class="alt_4" color="#63308a" >Личные качества</h3> <img align="left" style="margin-right: 30px;" src="http://www.mqsart.ru/wp-content/uploads/2013/10/workroom_start-300x268.png" alt="" width="300" height="268"/> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Ответственность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_liability.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Креативность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_creative.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Гибкость мышления</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_thinking.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Внимание к деталям</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_full.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Быстрая обучаемость</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_educability.png" alt="" width="300" height="268"/></span></a></br>