Ondersteuning » Algemeen WordPress » hoe ik kan met 3 foto's gallery maken eerst en dan via jquery slide show maken!

  • Opgelost johannes999

    (@johannes999)


    hallo,
    ik wil een slide show maken met colorbox jquery . dus ik heb colorbox jquery met succes geïnstalleerd .
    nu ik wil 2 foto’s gebruiken van mij media bibliotheek in wordpress.
    dus ik heb in visuele sectie van home pagina 2 foto’s s toegevoegd in home pagina. ik zie wordpress automatisch creëert code in de tekst gedeelde en de code is als volgende:

    img class="alignnone size-medium wp-image-1025" src="http://webdesignleren.net/wp-content/uploads/2013/03/image-alignment-300x200-300x200.jpg"
    alt="Image Alignment 300x200" width="300" height="200" />
    
    <img class="alignnone size-medium wp-image-1023" src="http://webdesignleren.net/wp-content/uploads/2013/03/soworthloving-wallpaper-300x188.jpg"
     alt="I Am Worth Loving Wallpaper" width="300" height="188"

    maar ik moet de code volgens deze style hebben:

    <a class='gallery' href='image1.jpg'>Photo_1</a>
            <a class='gallery' href='image2.jpg'>Photo_2</a>
            <a class='gallery' href='image3.jpg'>Photo_3</a>
    <a class='gallery' href='image1.jpg'>Photo_1</a>
            <a class='gallery' href='image2.jpg'>Photo_2</a>

    om te kunnen in colorboxjquery script te gebruiken voor deze script :

    <script>
    "use strict";
    $(document).ready(function(e) {
    
    $('a.site-content').find('a').colorbox({rel:'gal'} );
    } );
    </script

    wat ik moet het doen of hoe ik kan deze probleem oplossen .
    moet deze probleem via home pagina bewerkt worden in tekst gedeelde of via css of header.php bewerkt worden?
    om foto’s gallery te maken eerst en dan via colorbox jquery slide show te maken?

    dank u wel
    johan

    `

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Beste Johan,

    Het lijkt mij makkelijker om gewoon een plugin te gebruiken voor een slide show.

    Je kan bijvoorbeeld https://nl.wordpress.org/plugins/siteorigin-panels/ gebruiken. Hiermee kan je hele pagina’s maken inclusief sliders.

    Met vriendelijke groet,

    Joost de Niet

    Beste Rooie Ronnie
    Ik gebruik hiervoor smart slider 2 Nu is er de smart slider 3.
    Ik ga als volgt te werk: Eerst maak ik een nieuwe pagina aan met een korte tekst. Deze zet ik online om te zien of deze zichtbaar is. Als ik alles al van te voren doe en het gaat mis, dan is al je werk voor niks geweest.
    Als de nieuwe pagina online staat, dan ga ik deze bewerken en hoef ik enkel nog maar de pagina te updaten.
    Nu ga ik via de werkbalk naar de S van smart slider en selecteer ik de passende slider. deze is te herkennen aan de naam die je de slider hebt gegeven. eerst geef ik deze een naam. Standaard is dit slider 1#

    Nu is de vraag, hoe maak ik een slider?
    In Smart Slider is dit heel simpel.
    1. ga naar dashboard en zoek het icoontje voor smart slider, bij mij staat dit onderaan het rijtje links van de pagina.
    2.Als je op dit icoontje gaat staan krijg je div. opties, klik op sliders. Nu krijg je de startpagina van de sliders te zien met div. opties.
    3. de keuze is aan jou welke versie van de slider je neemt. ik neem Quick slider en klik op start. Als eerste geef ik boven aan in het veld slider name de naam in die ik de slider wil geven zodat ik hem later goed kan herkennen als ik hem nodig heb.
    De foto`s die je toevoegt mogen niet groter zijn dan 800X600 pix of 600X800 pix staande of liggende foto.
    4. Selecteer een foto via add image en geef deze verder informatie. Zo voeg je telkens nieuwe foto`s in de slider toe en klik je rechtsboven op save. Nu kun je de slider bekijken en eventueel bewerken als dit niet goed mocht zijn. en klik je nogmaals op de save button en je slider is klaar en opgeslagen.
    5. via pagina bewerken en de werkbalk kun je nu de slider selecteren, vervolgens pagina bijwerken en de site bekijken. nadat de site is gerefresht is deze online zichtbaar.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘hoe ik kan met 3 foto's gallery maken eerst en dan via jquery slide show maken!’ is gesloten voor nieuwe reacties.