Како направити ролловер слике са ХТМЛ кодом

Садржај

Упутства
Шта ти треба

Са милионима сајтова који постоје на интернету, од суштинског је значаја да је ваша јединствена. Једна техника која се користи за додавање динамичког ефекта сајтовима је "преокретање слика", познато и као "дугмад за превртање". У суштини, када посетилац лебди изнад слике, она се мења и враћа се у нормалу када се миш уклони. Ово се може користити за неке суптилне ефекте, као што је промена боје слике или слова. Можете креирати сопствену слику са основним ХТМЛ форматирањем у различитим програмима дизајна.

Упутства

Створите динамичне веб странице помоћу ролловер слика (Јупитеримагес / Пхотос.цом / Гетти Имагес)

Направите нови документ жељене величине (у пикселима) користећи софтвер за уређивање слика као што је Пхотосхоп. Направите нормалне и "ролловер" слике, које морају бити исте величине.
Сачувајте обе слике појединачно тако што ћете отићи у мени "Датотека" и изабрати "Сачувај". Користите ЈПЕГ, ГИФ или ПНГ формате. Иако се прва два најчешће користе, ПНГ задржавају транспарентност. Обавезно сачувајте слику у локалном основном директоријуму вашег сајта.
Отворите одговарајући софтвер за дизајн, као што је Адобе Дреамвеавер. Кликните на дугме "Освежи" у библиотеци да бисте ажурирали библиотеку и локални коријенски директоријум за ваш сајт. Пронађите слике у коријенској мапи.
Пређите на приказ кода на веб страници.
Тип "
"У коду, без почетних цитата.
Замените "хттп://иоурсите.цом" са адресом Ваше веб локације. Такође замените "ИМАГЕ1" и "ИМАГЕ2" именима нормалних и "ролловер" слика.