Results 1 to 7 of 7

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: Apr:2017
    Location: Antwerpen
    Posts: 7

    Question Êàê äà çàäàì ðàâíî ìÿñòî ìåæäó èçîáðàæåíèÿòà â carousel ãàëåðèÿ

    Çäðàâåéòå,

    èìàì ñëàéä carousel ãàëåðèÿ. Ðàçñòîÿíèåòî ìåæäó èçîáðàæåíèÿòà ïðåäè äà ñå îòâîðÿò å ðàçëè÷íî à èñêàì äà ãî íàïðàâÿ 2 ïèêñåëà.
    Îïèòàõ ñ ìíîãî âèäîâå ðàçëè÷íè êîäîâå, íî íå ñå ïîëó÷àâà.

    Àêî èìàòå èäåÿ êàê å âúçìîæíî òîâà äà ñòàíå ùå ñúì âè ìíîãî áëàãîäàðíà,

    òóê ìîæå äà âèäèòå êàê èçãëåæäà â ìîìåíòà

    òóê ìîæå äà ñâàëèòå ôàéëîâåòå

  2. #2
    Registered User
    Join Date: May:2019
    Location: Burgas
    Posts: 1,246
    Êàòî ãëåäàì ñè êîïèðàë èçõîäíèÿ êîä îò íÿêúäå è å ãîëÿìà êàøà.
    Òà, òîâà òè å èç÷èñòåíèÿ êîä:
    HTML Code:
    <section id="screenshot">
       <!-- Screenshot Owl Carousel -->
       <div class="owl-carousel">
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
          <div class="item wow fadeInUp" data-wow-delay="0.9s">
             <a href="images/1.jpg" class="image-popup">
                <img src="https://via.placeholder.com/500x600"> <!-- horizontaal -->
             </a>
          </div>
       </div>
    </section>
    Âñè÷êè ïàðàãðàôè è br-òà íÿìàò ðàáîòà òóê. Ñúùî òàêà òîâà íå å ïðàâèëíî:
    Code:
    #screenshot img { /*mooving of the fotos*/
      background-color: #ffffff;
      box-shadow: 0px 1px 2px 0px #25605B;
      /*  border-radius: 5px;  */
      cursor: pointer;
      display: block;
      margin-top: 20px;
      margin-bottom: 20px;
      position: relative;
      top: 0px;
      transition: all 0.4s ease-in-out;
    }
    ïî÷òè âñè÷êè ïðîïåðèòà òóê òðÿáâà äà ñå çàäàäàò íà êîíòåéíåðà êîéòî äúðæè ñëàéäåðà, à åôåêòà ïðè õîâúð òðÿáâà äà å âúðõó àíõîð òàãà à íå ñíèìêàòà.
    Òðÿáâà äà ïîëçâàø è îðàçìåðåíè èçîáðàæåíèÿ, ñúùî äîáðà ïðàêòèêà å äà èì çàäàäåø width 100% çà äà çàïúëíÿò êîíòåéíåðà.
    Çà îòñòîÿíèåòî ìåæäó åëåìåíòèòå âèæ òóê êàêâè îïöèè èìàø - https://owlcarousel2.github.io/OwlCa...i-options.html

  3. #3
    Íàãëà òâàð Exhumator's Avatar
    Join Date: Jan:2005
    Location: Sofia
    Posts: 14,687
    Quote Originally Posted by Valll View Post
    Àêî èìàòå èäåÿ êàê å âúçìîæíî òîâà äà ñòàíå ùå ñúì âè ìíîãî áëàãîäàðíà
    Quote Originally Posted by dinko1123456 View Post
    Êàòî ãëåäàì ñè êîïèðàë èçõîäíèÿ êîä îò íÿêúäå è å ãîëÿìà êàøà.
    Îïà!
    | Aorus X570 Master | Ryzen 9 5900X | Hellhound 7900XT | G.SKILL 32GB DDR4 3800 CL16 | Enermax Galaxy 1000W | SSD Corsair MP510 960GB & WD-RE3 2 x 1TB RAID0 | Pioneer BDR-209EBK | Creative X-Fi Titanium Fatal1ty & GigaWorks S750 | ViewSonic VX3276-2K-MHD |

  4. #4
    Registered User
    Join Date: May:2019
    Location: Burgas
    Posts: 1,246
    Quote Originally Posted by Exhumator View Post
    Îïà!
    òèÿ íîìåðà äà ñå ïèøå â æåíñêè ðîä êàòî òúðñèø ïîìîù ñà ïî-ñòàðè è îò èíòåðíåòà
    Òà íå íà ìåí òèÿ

  5. #5
    Registered User
    Join Date: Apr:2017
    Location: Antwerpen
    Posts: 7
    Quote Originally Posted by dinko1123456 View Post
    òèÿ íîìåðà äà ñå ïèøå â æåíñêè ðîä êàòî òúðñèø ïîìîù ñà ïî-ñòàðè è îò èíòåðíåòà
    Òà íå íà ìåí òèÿ
    ßâíî íÿìà ìíîãî æåíè òóê âúâ ôîðóìà

    Èç÷èñòèõ ñè êîäà è ãî ïîïðàâèõ êàêòî ìå ïîñúâåòâà, íî îòñòîÿíèåòî ìåæäó åëåìåíòèòå å ñâúðçàíî ñ java, jquery ..... êúäåòî ñúì íà÷èíàåÙà.

    Íÿêîé ìîæå ëè äà ïîìîãíå ñ ìàëêî èíôî?

    Áëàãîäàðÿ ïðåäâàðèòåëíî!

    https://owlcarousel2.github.io/OwlCa...i-options.html

  6. #6
    Registered User
    Join Date: Apr:2017
    Location: Antwerpen
    Posts: 7

    Question

    Quote Originally Posted by Valll View Post
    ßâíî íÿìà ìíîãî æåíè òóê âúâ ôîðóìà

    Èç÷èñòèõ ñè êîäà è ãî ïîïðàâèõ êàêòî ìå ïîñúâåòâà, íî îòñòîÿíèåòî ìåæäó åëåìåíòèòå å ñâúðçàíî ñ java, jquery ..... êúäåòî ñúì íà÷èíàåÙà.

    Íÿêîé ìîæå ëè äà ïîìîãíå ñ ìàëêî èíôî?

    Áëàãîäàðÿ ïðåäâàðèòåëíî!

    https://owlcarousel2.github.io/OwlCa...i-options.html
    Îïðàâèõ ïðîáëåìà. Ñ äâå äóìè ïîäðåäèõ êîäà, ÷å áåøå êàøà è îïðàâèõ àëãîðèòìèòå ñ jQuery
    Last edited by Valll; 26th November 2020 at 22:46.

  7. #7
    Registered User
    Join Date: Oct:2020
    Location: Âàðíà
    Posts: 5
    õàõà íàïîñëåäúê ñðåùàì ìíîãî ïî-÷åñòî ìúæå, êîèòî èñêàò ïîìîù òàêà ÷å...all rules have exceptions

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 Õàðäóåð ÁÃ. Âúçìîæíî å ñúäúðæàíèåòî íà òàçè ñòðàíèöà äà å îáåêò íà àâòîðñêè ïðàâà.
iskamPC.com | mobility.BG | Bloody's Techblog | Êðèïòîâàëóòè è ìàéíèíã | 3D Vision Blog | Ìàãàçèí çà åëåêòðîííè öèãàðè