Ako pridať obrázok GIF vo Webnode?

od júl 7 2019 Všetky návody Základné 6 komentáre

Chcete na web vo Webnode vložiť GIF obrázok?

Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok.

Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku.

Získanú URL adresu vložíte do kódu a HTML kód vložíte na Váš web vo Webnode pomocou tlačítka „+“ a „HTML„.

 

Návod na vloženie .GIF obrázku na web vo Webnode

 

  1. Nahrajte .GIF obrázok na externú službu, skopírujte si URL adresu obrázku a vložte ju do kódu namiesto URL-OBRAZKU. *Ak obrázok nahráte na iný server, uistite sa, že máte URL adresu s koncovkou obrázkou (.gif).

2. V kóde môžete upraviť hodnotu max-width na požadovanú veľkosť obrázku. V kóde je veľkosť obrázku nastavená na 100%. *Zmenou napr. na 50% môžete obrázok zmenšiť o polovicu.

3. Kód vložte na Vaše webové stránky pomocou tlačítka „+“ a „HTML„. (kód vložíte na miesto kde chcete gif obrázok zobraziť)

Potrebný kód k vloženiu GIF obrázku je:

<img style="max-width: 100%; height: auto;" src="URL-PICTURE" />
view raw gif.html hosted with ❤ by GitHub

Výborne  – Po vložení kódu sa obrázok bude zobrazovať v publikovanej verzii Vášho webu.

Ďalšie skvelé návody

Webnode Recenzia

Webnode Recenzia

od jan 1 2025

Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...

Ako vytvoriť Google Maps API kľúč?

Ako vytvoriť Google Maps API kľúč?

od mar 1 2025

V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč. Ak chcete...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Vytvorte si vlastný web alebo e-shop
Viliam
Follow me
Najnovšie články od Viliam (zobraziť všetky)
0 0 votes
Article Rating
Subscribe
Notify of
guest


6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Jiří
Jiří
5 years ago

Použil jsem váš návod na přidání obrázku GIF na Webnode, ale nezobrazil se mi. Místo URL-OBRAZKU jsem vložil adresu .gif vytvořenou na https://pictr.com/. Kde jsem mohl udělat chybu?
Děkuji
Jiří

0
Reply
Viliam
Author
Viliam
5 years ago
Reply to  Jiří

Dobrý deň,

Uistite sa, že URL adresu obrázku máte s koncovou napr. xxx.com/muj-obrazek.jpg .
URL adresu s koncovkou vložte do kódu a kód vložte na web.

S pozdravom
Viliam

0
Reply
Lucia
Lucia
5 years ago

ako sa na webe pictr.com zaregistrujem? neviem najst tuto moznost

0
Reply
Viliam
Author
Viliam
4 years ago
Reply to  Lucia

Ahoj Lucia,

Na webe pictr.com sa registrovať pravdepodobne už nedá, tak stačí keď použiješ inú externú službu pre nahranie obrázkov ako napr. https://imgur.com/upload alebo https://gifyu.com/?lang=sk

Dúfam, že sa Ti to podarí 🙂
Prajem pekný deň.

0
Reply
Jaroslav
Jaroslav
4 years ago

ahoj
chcem sa spýtať je možné spustiť gif po odoslaní napr. formulára
ďakujem za čas a odpoveď 🙂

0
Reply
Viliam
Author
Viliam
4 years ago
Reply to  Jaroslav

Dobrý deň, pán Jaroslav,

ďakujem za zastavenie na mojom webe 🙂

Áno – dá sa to 🙂 Po kliknutí na formulár môžete nastaviť „Akciu po odoslaní“ – nastavíte, aby po odoslaní formuláru presmerovalo návštevníka na konkrétnu stránku. Túto stránku si musíte najprv vytvoriť a môžete ju nazvať napr. Ďakujeme a pod.
Na stránku „Ďakujeme“ vložíte následne HTML kód s Vašim GIF obrázkom a máte HOTOVO 🙂

Mrknite na článok, kde popisujem nastavenie akcie po odoslaní formuláru: https://www.wpromotions.eu/ako-pridat-konverzny-kod-vo-webnode/

TIP: Na túto ďakovaciu stránku si môžete pridať môj kód pre padajúce konfety. Po odoslaní formuláru sa Váš návštevník dostane na túto ďakovaciu stránku, kde sa mu automaticky spustia konfety a prípadne nejaké GIFko 🙂
Padajúce konfety nájdete tu: https://www.wpromotions.eu/ako-na-web-pridat-padajuce-konfety/

S pozdravom
Viliam

0
Reply