Създаване на страница 4 (Интегриране на външен скрипт)

Фотошоп FastWeb Курсът показва как да използваме Photoshop, за да създаваме скоростно качествен уеб дизайн и как да обработваме изображения с Photoshop според целите ни.

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Назад Алтернативен видео плеър
¿ Напред

Въпроси и отговори

  • Как да го изпълня?

    Галина Караджова:

    Някой може ли да ме посъветва какво да прявя след като не намирам точно същия слайд за вгеаждане? Пробвах с наичните от сайта, но не се справих и ми се видя доста по-сложно от това което е в урока.

    Галина Караджова:

    Защо ми излиза това? Каква е грашката? Всичко от сайта за слайда съм взела и правя всичко като вас! Урока го правих над десет пъти и не ми се получава! Помощ!

    Ангел Арънски:

    Можеш да вземеш слайдера който аз съм ползвал от архива към урока. Някои слайдери са много лошо направени и трудно подлежат на промяна.

    Има два начина за промяна на такива неща.
    1. Четем документацията на слайдера и изпълняваме всичко по нея.
    2. Изпробваме със Stylizer, като променяме width на различни правила. Понякога те са 3-4.
    Ако не искаш същия, може да изпробваш https://wowslider.com/ Изглежда обещаващо. Някои слаъдери са направени да поемат дължината и височината на контейнера в който са поставени. Може би няма да трябва да променяш нищо.
    Галина Караджова:

    Благодаря много за помощта! 

    Аз взех слайдера от архива ви! Стана без проблем, но само се опитва да лоудва, нищо не зарежда! Колкото и глупаво да ви прозвучи въпроса ми: Бихте ли ме насочили, защо се случва това? Заради това, че липсва слайдера в страницата или не зарежда самите снимки? И ако снимките са проблем да ми покажете как мога да ги сменя? В смисъл мога ли да ги сменя със снимки налични на компютъра ми, а не с връзка с линк на снимка и как става това?
    Ще пробвам и другия слайдер! Нали се учим :) 

    Ангел Арънски:

    Отговорих ти на другия въпрос по същата тема :) 

    https://aula.bg/question#id-100428800001
    Галина Караджова:

    Въпросът ми от aula.bg/question#id-100428800001 е адресиран за този урок! Просто моя грешка. Ако искате може да го преместите тук! Благодаря ви много за помощта. Вече продължавам със следващите уроци.

    Дани:

    Безценен урок! Използвах слайдера от архива и след дълго разместване и заместване на кодовете, резултатът е работещ скрипт! Накрая замених липсващите картинки с други от ето този сайт https://hdw.eweb4.com/ и махнах излишните /според мен/ линкове към https://www.flickr.com/ и най-после имам скрипт, който работи от стрелките, pagination-а, даже и ауто :) Благодаря за урока!

  • Защо ми се появява тази иконка?

    инж. Юлия Петрова Савова:

    Photoshop CS

    Ангел Арънски:

    Това е иконка за липсваща картинка. Пътят или името към нея може да са грешни. Трябва да погледнеш в HTML-а и в директорията, дали всичко съответства

    инж. Юлия Петрова Савова:

    Благодаря! Открих си грешката.


  • Защо ми липсват CSS правилата в посочения в урока линк за слайдове? 

    Маринела Тенева:

    Защо и цялостният вид на командите изглежда по различен начин? Картинките на страницата са същите

    Ангел Арънски:

    Може би са сложили нова версия на слайдера и тя е различна. В архивите които съм дал я има тази която съм ползвал във видеото

    Elena Kocheva:

    Аз имам същия проблем. Във архивите не се отварят

  • Защо не ми излизат картинките в скрипта?

    Маринела Тенева:

    Здравейте, правих според указаното в урока, уж всичко е наред, но не ми излизат картинките в скрипта. тук използвах не линкове, а свалени картинки. И в двата случая не успявам да ги заредя. Какъв е проблема?

    Маринела Тенева:

    Това са командите по картинките в скрипта, всичко останало съм копирала както е в урока. Благодаря предварително

    Маринела Тенева:

    забравих да допълня, че при натискане на стрелките, точките отдолу се местят. А като натисна върху празния слайд, ме препраща към нов прозорец с картинката, която уж би трябвало да е на самия слайд.

    Ангел Арънски:

    Ти сама си намерила решението, но все пак:

    <a href="......"> кара щракването ти да те праща към картинката,
    <a href="#"><img src="....."></a>  вече ще зареди картинката в слайдера 

  • Какво успях да направя?

    Kaloyan:

    Здравейте! Ето и моят сайт, а линка е към страницата с интегриран слайдър. Сайтът е responsive ;)
    https://beegardengaby.byethost8.com/aboutUs.html

    Ангел Арънски:

    Здравей и ти благодарим, че ни прати какво си направил. Харесва ми, много добре си се справил със сайта, скриптовете и responsive дизайна.

  • Каква е грешката в скрипта?

    Mariela:

    Показва ми тази грешка, когато отворя страницата в stylizer и не мога да продължа напред. Скрипта го копирах директно от архива и няма разлика с този в HTML файла. В конзолата на хром няма грешки и всички бутони за смяна на картинките работят, сменят се и автоматично.

    Дарина Иванова:

    Обикновено функциите и подпрограмите имат име. Тук след думата Function не виждам име, но може да греша. Съобщението за грешка се появява за позицията след "preload: true." (на това място се иска идентификатор).

    Веселин Аула:

    Промени точките след всеки ред със запетаи. Когато изреждаш елементите на масив или хеш, както е в примера - се разделят със запетая.

    { 
    something: true,
    another: true,
    last: true
    }
    Точката е когато използваш метод на обект. 
    Например object.method1().method2().method3()
    Това е често срещано в jQuery
    Mariela:

    Благодаря! Оправи се.

  • Защо картинките ми излизат една под друга? Не виждам точките за преместване и не мога да задвижа?

    Стефка Иванова:

     

    Стефка Иванова:

    Оправих го и вече работи.


  • Защо текстов файл излиза на един ред?

    Elena Kocheva:

    Защо когато отида в css файла, за да поставя(2:20 във видеото), ми излиза това?Как мога да го оправя?

    Ангел Арънски:

    Копирай текста и му дай paste в някой CSS beautifier - https://codebeautify.org/css-beautify-minify

    След това можеш да си го вземеш форматиран.
    Нещо в настройките ти не е в ред. Би трябвало да разчита linux и windows форматите за нов ред без проблем

  • Може ли да обясните?

    Elena Kocheva:

    Здравейте! Този урок ме затруднява. Първо страницата https://slidesjs.com сега изглежда по различен начин.Не мога да разбера какво  трябва да копирам от Basic markup защото в <style> нещата са различни! Ако някой може да обясни какво точно трябва да направя ще съм много благодарна! (прикачената снимка е от сегашна версия на slidesjs)

    Elena Kocheva:

    Инсталирала съм си jquery и си свалих js script-a

    Димитър Димитров:

    При мен се получава същото. По-новата версия е различна от представената в урока и в крайна сметка не може да се реализира. Присъединявам се към въпроса на Елена и моля за пояснение как точно може да се получи интегрирането на външен скрипт и какви са принципите на тази интеграция.

    Ангел Арънски:

    Ако има проблеми с новата версия, то използвайте версията която е в архива към урока.

  • Каква е грешката? Копирах скрита от сайта Slides.js

    Димитър Димитров:

    Какво трябва да променя?

    Ангел Арънски:

    Трябва да премахнеш HTML таговете от CSS файла. В CSS има единствено CSS правила от сорта на

    #something { ... }
.another { ... }

    А при теб има

    <style type="text/css" ....> 
</style>

    Последното е HTML и трябва да го махнеш

  • Защо цсс го няма в архива!

    Теодора Симова:

    Отново урока е направен на нещо старо и ние трябва да си сглобим вярната версия, много съм разочарована за пореден път!

    Теодора Симова:

    Започвам да се чудя,защо съм си платила тук след като непрестанно гледам клипчета с кое как се прави !? И издирвам решение на въпросите си ( на които вие не отговаряте със седмици ) в нета

  • Защо? Правя всичко и го копирах от вашите файлове и се получава това ?

    Теодора Симова:

    Emi Todorova:

    Здравей, трябва да смениш линковете към картинките, защото явно са изчезнали от сайта flickr.com и няма как да се заредят в слайдера. Използвай картинките, които са свалени в папката img и трябва да се получи. Трябва да замениш тези линкове :

    с тези:

    Теодора Симова:

    Много Ви благодаря ! Получи се ,аз сложих мои картинки :) и стана прекрасно :)

    Emi Todorova:

    Радвам се, че се е получило! Този курс не е от най-лесните, но пък се научават много интересни и полезни неща! Успех :)

    Теодора Симова:

    да супер :) много благодаря :) ето какво се получи :

    Ангел Ангелов:

    Супер - поздравления!

    Теодора Симова:

    Благодаря :)

Напред