Mājas lapa » Web dizains » 20 atsaucīgas attēlu galerijas un slīdrādes (2018)

    20 atsaucīgas attēlu galerijas un slīdrādes (2018)

    Ja jūsu vietne ir attēla smaga, t.i., portfeļa vai fotogrāfijas tīmekļa vietne utt., Tad ir divas lietas, kas jums būs visvairāk nepieciešamas - foto galerijas spraudņi labāk pārvaldīt attēlus savā tīmekļa vietnē, un attēlu slīdrādes, lai demonstrētu savus attēlus pasaulei.

    Tomēr mana šodienas ziņa galvenokārt apspriedīs atsaucīgo attēlu galeriju un slīdrādes sarakstu. Šīs galerijas un slīdrādes ir veidotas dažādos stilos un nāk kopā dažādas funkcijas optimizētai pārlūkprogrammai un mobilajai skatīšanai. Sīkāk apskatīsim katra elementa funkcijas.

    WOW slīdni

    WOW slīdnis ir a jQuery balstīta attēla slīdni kas nāk ar pārsteidzošiem vizuāliem efektiem un palīdz jums izveidot dažus klikšķus. Jūs varat ātri ievietot to jebkurā vietā, pateicoties tās “Ievietot uz lapu vednis” un saglabāt-as-plugin iespējas Joomla un WordPress.

    Tā piedāvā arī daudzas iepriekš izstrādātas tēmas, importa un eksporta funkcijas un ietver a ne-jQuery, tikai CSS rezerves arī.

    Hi Slider

    Hi Slider palīdz izveidot attēlu slīdņus ar nulles kodu. Tas nodrošina skaistas tēmas un pārejas efektus kopā ar atbalsts pielāgotu veidņu izstrādei. Pārsteidzoši, tas palīdz jums publicēt savus slīdņus un ģenerē HTML vai moduļus WordPress, Drupal un Joomla.

    Visbeidzot, varat pievienot vairākus multivides materiālus no vairākiem avotiem, tostarp YouTube.

    Jssor Slider

    Jssor Slider ir spilgts satura un attēla slīdnis ar 300 + pārejas efekti. Tā izmanto gan jQuery, gan no-jQuery slīdņus, kā arī WordPress spraudni. Man tas patika, tas ir piedāvā daudz demo un piemēru, kas palīdzēs ikvienam ātri un ātri darboties ar šo slīdņa risinājumu.

    Tomēr tā neatbalsta daudzas publicēšanas platformas vai satura pakalpojumi, piemēram, Flickr un YouTube, tāpat kā daži iepriekš minētie risinājumi.

    Juicebox

    Juicebox ir iespaidīgs attēlu galerijas veidotājs, kas ļauj izveidot tīmekļa galerijas bez kodēšanas. Ja jums nav nepieciešama HTML, varat instalēt un izmantot vienu no tā WordPress, Lightroom, Photoshop spraudņi, un vēl.

    Tas ir aprīkots ar vektoru ikonām, Flickr atbalstu utt sociālās koplietošanas iespējas, iepirkumu grozu atbalsts, mūzikas atbalsts, progresīvs temats utt.

    cssSlider

    cssSlider ir tīrs-CSS, t.i.., no-jQuery, bez JavaScript slīdni risinājumu. Tā piedāvā daudz animācijas efektu un attēlu rediģēšanas funkciju. Jūs varat izvēlēties no gatavām krāsu shēmām, lai izveidotu vieglus attēlu slīdņus.

    Turklāt tās slīdrādes iespējas ietver pilna platuma atbalsts, automātiskās atskaņošanas opcija, navigācija un sīktēlu atbalsts utt.

    Cincopa

    Cincopa ir mākonis līdzīgs risinājums, lai izveidotu slaidrādes, izmantojot vienkāršo slaidrādes veidotāja vedni. Tas ir tiešsaistes risinājums ar neierobežotu uzglabāšanu un saderība ar daudzām platformām, piemēram, Joomla un WordPress. Interesanti, ka jūs varat arī pievienojiet mūziku un iegult video slīdņus.

    Visbeidzot, bet ne mazāk svarīgi, tas piedāvā daudzas veidnes (piemēram, režģis, žurnāls, portfelis uc) un atbalstu, lai iekļautu arī Google Analytics.

    Amazing Slider

    Amazing Slider ir jQuery slīdnis ar atbalsts videoklipiem no YouTube. HTML var izveidot slīdņus, lai iegultu tīmekļa lapā vai to izmantotu redaktoros, piemēram, Dreamweaver vai Frontpage. Turklāt jūs varat arī izveidot spraudni vai moduli Joomla un WordPress.

    Visbeidzot, tā intuitīva lietotāja saskarne ar slīdņa vedni palīdz jums izveidot lieliskus slīdņus ar iepriekš sagatavotām ādām un vairāku pārejas efektu minimālajā laikā.

    Bootstrap galerija

    Bootstrap galerija ir vienkārša galerijas veidotāja, kas nav pieejams gan personīgai, gan komerciālai lietošanai, ietverot mūra izkārtojuma režģi un gaismas kastes modālu. Kas mani interesē, jūs varat pievienojiet tagus attēlu galerijām kopā ar atbalstu fotoattēliem un videoklipiem.

    Turklāt tā izmanto daudzas pielāgošanas iespējas, tostarp iespējas mainīt krāsas un nosaukumus utt.

    Galleria

    Galleria ir a JavaScript balstīta attēlu galeriju sistēma. Pārsteidzoši, jūs varat ievietot fotoattēlus un videoklipus no Flickr, Vimeo un YouTube tikai ar dažām koda rindām. Tā piedāvā vairākas bezmaksas tēmas un neoficiāls WordPress spraudnis arī.

    Tomēr tas nav tik vienkārši lietojams kā iepriekš minētie risinājumi, un tas prasa apstrādāt avota kodu.

    Ninja Slider

    Ninja Slider ir attēla slaidrādes risinājums ar atbalsts HTML. Tas ļauj iekļaut vietējo audio un video, kā arī video no YouTube un Vimeo. Ninja Slider neprasa jQuery un atbalsta slinks iekraušanas līdzeklis, kas lejupielādē attēlu fonā, kad lietotājs ir pietiekami ritējis, lai to aplūkotu.

    Turklāt tā arī ļauj tekstu slīdnēs, un jūs varat pielāgot tās izskatu, izmantojot CSS.

    Slīdni Maker

    Slīdnis Maker ir jQuery slaidrādes veidotājs, kam nepieciešama nulles kodēšana. Tas ir pieejams vairākās valodās un atbalsta vairākus slāņus uz viena attēla. Turklāt tā izmanto viedo attēlu slinku un dažādus pārejas efektus, lai radītu pārsteidzošus slīdņus un piedāvā daudzas tēmas.

    Jūs varat arī integrēt to jebkurā admin panelī, tomēr tas ir samaksāts risinājums.

    SlideAwesome

    SlideAwesome ir fotoattēlu slīdrādes veidotājs, kas nepieciešams nav kodēšanas zināšanu. Tas darbojas ar lielāko daļu CMS, ieskaitot WordPress, Drupal un citus, lai gan ir nav oficiāla spraudņa viņiem ir jāiekļauj tās kods.

    Pārsteidzoši, jūs varat iekļaut videoklipus no Vimeo un YouTube slīdnēs. Turklāt tā piedāvā a Maskēšanās režīms kas ļauj priekšskatīt slaidrādi jūsu tiešajā vietnē, neparādot to apmeklētājiem.

    PhotoSnack

    PhotoSnack ir tiešsaistes fotoattēlu slīdrādes veidotājs, kas atbalsta fotoattēlu augšupielādi foto uzglabāšanas un sociālo mediju pakalpojumi piemēram, Google fotogrāfijas, Facebook, Instagram utt. Pēc slaidrādes izveides to var izmantot, vienkārši ievietojot (kopējot ielīmējot) savu kodu savā emuārā vai vietnē.

    Turklāt varat izvēlēties stilu no tā veidnes un kopīgojiet slaidrādi ar saviem sociālo mediju draugiem dažos klikšķos.

    Flickr Iegult

    Flickr Embed ir koda ģeneratora rīks izveidojiet slaidrādes no Flickr fotogrāfijām, kuru vēlāk varat iegult savā tīmekļa vietnē. Man patika tas, ka tas ļauj ielādēt attēlus no dažādiem avotiem, ieskaitot lietotāju vai grupu. Tā nodrošina iespēju sarakstu un izveido slaidrādi, izmantojot izvēlētās opcijas.

    Jūs varat kopēt un ielīmēt mūsdienu JavaScript vai mantojuma iFrame kods lai parādītu savu jauno slaidrādi.

    comSlider

    comSlider ir tiešsaistes slīdrādes veidotājs, kas piedāvā iedomātā pārejas un vizuālie efekti. Lai gan tās interfeiss jums neiedarbojas, bet tas nav mazāk raksturīgs. Tā piedāvā daudzas iespējas, kā pielāgot slīdņa izskatu un izskatu, kā arī dažas papildu iespējas, piemēram ielādes indikators, utt.

    Pēdējais, bet ne mazāk svarīgais, jūs varat viegli integrēt to jebkurā tīmekļa lapā, kopējot tās kodu, tāpat kā Flickr Embed.

    Image Slider Maker

    Image Slide Maker ir a slīdni, kas darbojas pilnīgi tiešsaistē. Tā ir balstīta uz jQuery, tāpat kā comSlider, un ļauj izveidot satura slaidus ar tekstu, saitēm, fotoattēliem, kā arī animācijas efekti. Jūs varat pielāgot tās funkcijas, kā arī dizaina elementus, piemēram, pogas un izmērus, slaidu pārejas, teksta fontu un teksta stilu utt.

    PgwSlider

    PgwSlider ir a slīdrāde bibliotēka jQuery un Zepto, kuru var izmantot, lai izveidotu attēlu slīdņus. Lai gan tas nav lietotājam draudzīgs kā daži iepriekš minētie risinājumi, tomēr tas darbojas nevainojami, un jūs varat padarīt to darbu ar nelielu kodējumu. Tās tīmekļa vietnē ir informācija par izskatu un izjūtu iespējas un parāda demo piemēri, kas palīdzēs ātri sākt darbu.

    jQuery Gridder

    jQuery Gridder ir jQuery spraudnis, lai izveidotu attēlu galerijas. Tas parāda attēlu sīktēlu režģi ar a skaists izvērsts attēla priekšskatījums, līdzīgi Google attēliem.

    Tomēr, tāpat kā PgwSlider, jums ir nepieciešama sava kodēšana. Ir dažas konfigurācijas iespējas, kā arī iespēja iekļaut atsaukumi dažādiem notikumiem.

    SlidesJS

    SlideJS ir a slīdrādes spraudnis jQuery. Tā piedāvā gludas pārejas un daudzas konfigurācijas iespējas, bet SlideJS prasa, lai jums būtu kodēšanas pieredze. Man patika, piemēram, jQuery Gridder, varat pievienot atzvanīšanas funkcijas, lai kaut ko darītu dažādus slaidrādes notikumus, piemēram, kad slaida slodze, sākas vai beidzas.

    sienas

    wallop ir slīdņa bibliotēka, kas vislabāk darbojas, lai parādītu un slēptu lietas. Izmantojot šo mazo, bet noderīgo bibliotēku, jūs varat izveidot attēla slīdņus, kā arī pielāgotus lapojumus, pateicoties tās notikumu klausītājs.

    Visbeidzot, tā piedāvā sarakstu ar pārejām un iespējām, kā arī a API kopums, lai kontrolētu un pielāgotu attēla slīdni vai jebkura cita radīšana.