• Telefon 0850 4415 346(DGN)
  • Email destek@dgn-yazilim.com
  • Çalışma Saatleri Pzt - Cts, 09:00 / 18:00
SLIDER_Tek sayfada çoklu slider(one page multiple slider)

Blog Detay

SLIDER_Tek sayfada çoklu slider(one page multiple slider)

SLIDER_Tek sayfada çoklu slider(one page multiple slider)

<blockquote> <p><br /> &lt;script src=&quot;~/eraydogancomtemplate/js/jquery.min.js&quot;&gt;&lt;/script&gt;<br /> &lt;link href=&quot;~/eraydogancomtemplate/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;<br /> &lt;script src=&quot;~/eraydogancomtemplate/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;</p> <p>@model IEnumerable&lt;eraydogancomtr.Class.EkCozumlerModel&gt;</p> <p>&lt;!------ Include the above in your HEAD tag ----------&gt;<br /> &lt;style&gt;</p> <p>&nbsp; &nbsp; /*SLIDER SECTION CSS*/</p> <p>&nbsp; &nbsp; * {<br /> &nbsp; &nbsp; &nbsp; &nbsp; box-sizing: border-box;<br /> &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; body {<br /> &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;<br /> &nbsp; &nbsp; &nbsp; &nbsp; font-family: calibri;<br /> &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; #slider .container-fluid {<br /> &nbsp; &nbsp; &nbsp; &nbsp; padding: 0 15px;<br /> &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; #slider .slider-inner {<br /> &nbsp; &nbsp; &nbsp; &nbsp; padding: 0;<br /> &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; .slider-inner .item img {<br /> &nbsp; &nbsp; &nbsp; &nbsp; display: block;<br /> &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;<br /> &nbsp; &nbsp; &nbsp; &nbsp; height: auto;<br /> &nbsp; &nbsp; }</p> <p>&nbsp; &nbsp; .slider-inner h1 {<br /> &nbsp; &nbsp; &nbsp; &nbsp; color: purple;<br /> &nbsp; &nbsp; }</p> <p><br /> &lt;/style&gt;<br /> &lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;<br /> &lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;<br /> &lt;section id=&quot;slider&quot; class=&#39;portfolio-section section&#39;&gt;<br /> &nbsp;&nbsp;<br /> &nbsp; &nbsp; &lt;div class=&quot;container-fluid&quot;&gt;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; @foreach (var item in Model)<br /> &nbsp; &nbsp; &nbsp; &nbsp; {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;slider-inner col-md-4&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h6&gt;@item.EkCozumlersql.Aciklama&lt;/h6&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;owl-demo&quot; class=&quot;owl-carousel owl-theme&quot; style=&quot;margin-top: 20px;&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;@foreach (var resim in item.EkCozumlerResimler)<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;~/fileman/images/@resim.Resim&quot; alt=&quot;sliderimg1&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;@resim.Aciklama&lt;/p&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; }</p> <p><br /> &nbsp; &nbsp; &nbsp;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; @*&lt;div class=&quot;slider-inner col-md-4&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;SECOND&lt;/h1&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;owl-demo&quot; class=&quot;owl-carousel owl-theme&quot; style=&quot;margin-top: 20px;&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/06/WRG-Hero-images-1366x400-WhyWaypoint.png&quot; alt=&quot;sliderimg1&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/07/WRG-Hero-images-1366x400-News.png&quot; alt=&quot;sliderimg2&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/10/WRG-Hero-images-1366x400-eBook-Customer-Service.png&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;https://www.linkfinancial.eu/wp-content/uploads/2016/07/LF-Spain-Web-Images-Building-3-hires-1366x400.jpg&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p> <p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;slider-inner col-md-4&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Third&lt;/h1&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;owl-demo&quot; class=&quot;owl-carousel owl-theme&quot; style=&quot;margin-top: 20px;&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/12/WRG-ReputationSafeguardginHero-images-1366x400.jpg&quot; alt=&quot;sliderimg1&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/07/WRG-Hero-images-1366x400-Home.png&quot; alt=&quot;sliderimg2&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/07/WRG-Hero-images-1366x400-Industry.png&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/06/WRG-Hero-images-1366x400-Solutions.png&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;slider-inner col-md-4&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;FOURTH&lt;/h1&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;owl-demo&quot; class=&quot;owl-carousel owl-theme&quot; style=&quot;margin-top: 20px;&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/06/WRG-Hero-images-1366x400-WhyWaypoint.png&quot; alt=&quot;sliderimg1&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/07/WRG-Hero-images-1366x400-News.png&quot; alt=&quot;sliderimg2&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://www.waypoint.com/wp-content/uploads/2016/10/WRG-Hero-images-1366x400-eBook-Customer-Service.png&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;https://www.linkfinancial.eu/wp-content/uploads/2016/07/LF-Spain-Web-Images-Building-3-hires-1366x400.jpg&quot; alt=&quot;sliderimg3&quot;&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;*@<br /> &nbsp; &nbsp; &lt;/div&gt;<br /> &lt;/section&gt;</p> <p>&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br /> &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</p> <p>&lt;script&gt;<br /> &nbsp; &nbsp; $(function () {<br /> &nbsp; &nbsp; &nbsp; &nbsp; var count = 0;<br /> &nbsp; &nbsp; &nbsp; &nbsp; $(&#39;.owl-carousel&#39;).each(function () {<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).attr(&#39;id&#39;, &#39;owl-demo&#39; + count);<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#39;#owl-demo&#39; + count).owlCarousel({<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; navigation: true,<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pagination: true,<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; singleItem: true,<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; autoHeight: true<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });<br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; count++;<br /> &nbsp; &nbsp; &nbsp; &nbsp; });<br /> &nbsp; &nbsp; });<br /> &lt;/script&gt;</p> </blockquote>

Bunu paylaş
JIRA_Logo ödeme emri bilgisi girilebilme talebi
SQLINFO_Join işlemi
Yazar erydogan
1992 yılı İstanbul doğumluyum. "Beykent Üniversitesi/Bilgisayar Programcılığı" bölümü mezunuyum, 7 yılı aşkın süredir Logo firmasının üretmiş olduğu ERP ürünlerine teknik destek vermek üzere “Logo Erp Danışmanı/Sistem Uzmanı” olarak çalıştım. 2020 Şubat ayında yıllardır hayalini kurduğum "kendi işimi yapma" düşüncemi hayata geçirmek üzere DGN Yazılım firmasını kurdum. Ayrıca .Net C# (MVC) yazılım dilini kullanarak Web tabanlı/Mobil Uyumlu, Logo yazılım entegreli ya da tamamen bağımsız uygulamalar geliştiriyorum.

İlişkili Bloglar:

SLIDER_Tek sayfada çoklu slider(one page multiple slider)

  • 5.09.2019
  • 0
SLIDER_Tek sayfada çoklu slider(one page multiple ...

0 Yorum

Logo Muhasebe Programı Destek, Eğitim, Satış, Raporlama ve Ek Yazılım Çözümlerimiz İçin Bizimle İletişime Geçebilirsiniz.
0850 4415 346[DGN]

DGN Yazılım

ETİKET BULUTU

HISTORY PayTrans Collector Earsiv E-Arsiv Mail Debug Clrnums TedarikciDegerlendirmesi SQL VadeFarkı Interop LOD logo destek beylikdüzü LIKEKullanım Itmunita CSCARD Tools logo destek istanbul Barkod Yansıtmaİşlemleri Trigger RaporÜretici SabitKıymet Html JraKaydı EMUHACCSUBACCASGN Linq PivotTable Sertifika RDP SQLKomutlar Suspect Beyanname NaviFonksiyonlar Logo SeriLot IF RiskBilgileri Services WebSite EFatura Kampanya CkEditor CodeFirst VersiyonHataları STLINE XML AppCrush Collation beylikdüzü logo E-İrsaliye Trace Insert _SQLINFO logo açılmıyor Cursor Verdeg BankaBakiyeleri Jquery E-fatura FDA İhtar Ajax logo yazilim MVC SQLTools Edefter Leasing VIEW lisans OKI Yazılım RowNumber LogoDbCfg Objects logo destek E-Defter Kenar PageList Replace OrtalamaVade STINVTOT Connect Yapılanİşler SQLYEDEK Eİrsaliye EkÖzellik CSS beylikdüzü logo destek ÖdemePlanFormül SMTP ÇekSenet Galeri BorçTakip Setup KuralTanimi
Copyrights © 2020 All Rights Reserved by DGN Software.