var nt_example1 = $('#nt-example1').newsTicker({ row_height: 200, max_rows: 2, duration: 4000, prevButton: $('#nt-example1-prev'), nextButton: $('#nt-example1-next') });
<div class="panel panel-default"> <div class="panel-body"> <i class="fa fa-arrow-up" id="nt-example1-prev"></i> <ul id="nt-example1"> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/coffee-1128140_1920.jpg" alt="Jimdo事業部「Jimdoベネフィットサポーター」をオープン" /> </div> <div class="xs-12 col-sm-8 col-md-8"> Jimdoはドイツ生まれの専門知識がなくても更新、運営が可能なASPサービスです。お客様の幅広いニーズに応えるため新たにJimdoを利用してホームページ制作を行う専用の事業部を開設しました。 </div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/web-marketting-seminor.jpg" alt="ウェブマーケティング改革術セミナーが行われました" /> </div> <div class="xs-12 col-sm-8 col-md-8">ウェブマーケティング改革術セミナーが行われました</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/mockup-mekarauroko-web-bgSea.jpg" alt="ドメインの保守代行サービスのセミナーを開催" /> </div> <div class="xs-12 col-sm-8 col-md-8">ドメインの保守代行サービスのセミナーを開催</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/ket.jpg" alt="ホームページ作成やSEO対策、Facebook活用セミナーを開催" /> </div> <div class="xs-12 col-sm-8 col-md-8">ホームページ作成やSEO対策、Facebook活用セミナーを開催</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/mentum.png" alt="ソフトウェア工学に基づき最適システムを構築" /> </div> <div class="xs-12 col-sm-8 col-md-8">ソフトウェア工学に基づき最適システムを構築</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/how-it-could-be.jpg" alt="WordPress事業部をオープン" /> </div> <div class="xs-12 col-sm-8 col-md-8">WordPress事業部をオープン。WordPressはもともとブログを運営するようなツールです。一度作ってしまえばお客様側での更新が容易に行えるようになりますので、長く運営したい・型にはまったパターンのページを更新していくなどのニーズに合うツールです。</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/main_nishiogikubo.jpg" alt="美容室様向け予約管理システムを導入" /> </div> <div class="xs-12 col-sm-8 col-md-8">美容室様向け予約管理システムを導入</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/JimdoJapan.jpg" alt="「JimdoJapan 4th Anniversary」に参加" /> </div> <div class="xs-12 col-sm-8 col-md-8">「JimdoJapan 4th Anniversary」に参加。ホームページ作成のASPサービス「Jimdo」が3月で4周年を迎えました。それを記念してJimdoユーザーと、Jimdo Expert達によるパーティーが行われました!</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/book.jpg" alt="Webサイト制作初心者向けの本を執筆" /> </div> <div class="xs-12 col-sm-8 col-md-8">Webサイト制作初心者向けの本を執筆。Webサイト制作の初心者の方に向けて「本当に必要な正しい基礎」を伝えるWebデザインの入門書です。WWWやインターネットの仕組みを皮切りに、Webサイト制作のワークフロー、HTMLとCSSの技術的な解説、小規模のWebサイトを公開・運用するまでの基礎知識を、系統立ててわかりやすく解説しています。</div> </li> <li class="news-item"> <div class="xs-12 col-sm-4 col-md-4"> <img class="img-responsive" src="images/staff.jpg" alt="歯科医院向け顧客管理システムを導入" /> </div> <div class="xs-12 col-sm-8 col-md-8">歯科医院向け顧客管理システムを導入</div> </li> </ul> <i class="fa fa-arrow-down" id="nt-example1-next"></i> </div> <div class="panel-footer"></div> </div>