I create a website on the Tilda constructor, where you can add a script in HTML, JavaScript. It is necessary for me that in the main unit there was a picture below I attach a sample of the code that I used in this constructor for another task, it may be useful. Each block has an id, if I create a block for the Image and the Block in which the script will work. I attach screenshots - back http://prntscr.com/kglk3p front http://prntscr.com/kglkiw
It is necessary that the picture changed every Monday. Only 4 pictures and next month this cycle began again.
(example script that works on adding a form)
<script type="text/javascript"> $(document).ready(function(){ //ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ»Π°ΡΡ ΠΊ ZeroBlock $("#rec61541110").addClass("zerosformoy"); //ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ»Π°ΡΡ ΠΊ ΡΠΎΡΠΌΠ΅ $("#rec61544759").addClass("formavzero"); //ΠΊΠ»ΠΎΠ½ΠΈΡΡΠ΅ΠΌ Π½Π°ΡΡ ΡΠΎΡΠΌΡ Π² ZeroBlock $(".formavzero").appendTo(".zeroformvert"); //Π‘ΠΊΡΡΠ²Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΠΊΡ Ρ ΠΎΡΠΈΠ±ΠΊΠΎΠΉ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ $(".formavzero .t-form__errorbox-bottom").hide(); $(".formavzero .t-form__errorbox-middle").hide(); //Π‘ΠΊΡΡΠ²Π°Π΅Ρ Π½Π°Π΄ΠΏΠΈΡΠΈ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ $(".formavzero .t-input-error").hide(); }); </script> <style type="text/css"> /*ΠΠ°Π΄Π°ΡΠΌ ΡΠ²Π΅Ρ ΠΈ ΠΎΡΡΡΡΠΏΡ ΡΠ°Π±Π»ΠΈΡΠΊΠΈ ΠΎΠ± ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ Π΄Π°Π½Π½ΡΡ
*/ .formavzero .t-form__successbox{ background:#4bbf15 !important; padding: 5px; margin-bottom: 5px; } /*ΠΡΡΠΎΡΠ° ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π° */ .formavzero input{ height: 40px !important; } /*ΠΡΡΡΡΠΏ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠΎΠ»ΡΠΌΠΈ */ .formavzero .t-input-group{ margin-bottom: 10px !important; } /*ΠΠ°Π΄Π°ΡΠΌ Π²ΡΡΠΎΡΡ ΠΈ ΠΏΠ»Π°Π²Π½ΡΠΉ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Zero */ .formavzero .t-submit{ height: 50px !important; width: 100%; } /*ΠΠ°Π΄Π°ΡΠΌ ΠΎΡΡΡΡΠΏ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎΠ΄ ΡΠΎΡΠΌΠΎΠΉ */ .formavzero .t-form__bottom-text{ margin-top: 20px !important; font-size: 10px !important; } /*Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΏΠΎΠ»ΠΈΡΠΈΠΊΠΈ*/ .formavzero .t678__form-bottom-text{ font-size: 10px !important; margin-top: 10px !important; } /*Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π°*/ .formavzero .t-input-subtitle{ color:#ffffff; opacity: 0.90 !important; font-size:16px !important; } /*Π¨ΠΈΡΠΈΠ½Π° Π²ΡΠ±ΠΎΡΠ° ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π° ΠΠ°ΡΠ° ΠΈ ΠΡΠ΅ΠΌΡ*/ .t39 .t-inputtime, .t678 .t-datepicker__wrapper { max-width: none !important; } </style>