Все мои изображения отображаются на короткое время при загрузке страницы - Cycle2

Question

У меня есть следующая проблема с cycle2, все мои изображения отображаются на короткое время при загрузке страницы, есть решение http://jquery.malsup.com/cycle/faq.html:

Для Cycle решение таково: просто скрыть все, кроме вашего первого изображения слайд-шоу, используя CSS. Например:

 #slideshow img { display: none }
 #slideshow img.first { display: block }
 ...

 <div id="slideshow">
    <img src="image1.jpg" width="200" height="200" class="first" />
    <img src="image2.jpg" width="200" height="200" />
    <img src="image3.jpg" width="200" height="200" />
 </div>

Но я не знаю, как это реализовать (я новичок в веб-разработке), где поставить ниже, в файл CSS? просто создайте новый файл CSS и где поместить этот файл, в ту же папку, где находится файл cycle2 и как должен выглядеть этот файл CSS?

 #slideshow img { display: none }
 #slideshow img.first { display: block }

Вот как выглядит код cycle2 в моем файле inc / top.inc.php:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">     </script>
 <script src="http://example.com/js/jquery.cycle2.min.js"></script>

 <div class="fl_left logo_add">
 <div class="fl_left cycle-slideshow"
     data-cycle-slides=">a"
     data-cycle-timeout="15000"
     data-cycle-pause-on-hover="true"
     data-cycle-speed="500"
     >
     <a title="<?=$lang[1159]?>" href="<?=$h?>"><img src="<?=$im?>logo.jpg" > </a>
     <a title="<?=$lang[1159]?>" href="<?=$h?>p9.html"><img src="<?=$im?  >logo.jpg" > </a>
 </div>

спасибо, с