Пожалуйста, помогите мне (полный нуб)

  • Автор темы itl_ua
  • 63
  • Обновлено
  • 12, May 2024
  • #1
Короче говоря, я ничего не знаю о программировании или веб-дизайне, но я работал над простым портфолио, используя веб-сайт Wix (это упрощает задачу для невежественных людей, таких как я).



Сказав это, я заметил, что есть инструмент, который позволяет вводить HTML-код, и у меня есть несколько «простых» идей для моего портфолио, которые могли бы работать с использованием HTML (надеюсь), поэтому, по сути, мне было интересно, могу ли я рассказать вам, ребята, что я хочу сделать, и, возможно, вы, ребята, могли бы помочь мне, опубликовав «пример» рабочего кода для идей, чтобы я мог их скопировать и изменить.



Ребята, заранее спасибо, буду очень признателен за любую помощь! ____________________________________________________________________
Запрос №1:
А:
Я хочу опубликовать изображение, которое, будучи щелкнул перенаправляет вас на другой веб-сайт на той же вкладке веб-браузера (поэтому не открывается новая вкладка/окно).
Запрос №2:
А:
Я хочу опубликовать изображение, которое, будучи щелкнул меняется на другое изображение.
Б: То же самое, что и А, но это работает наведя курсор мыши на изображение, кроме щелчка.
Запрос №3: Возможно ли такое, используя только HTLM? Редактировать: Кажется, я не умею вставлять ссылку... ____________________________________________________________________ У меня есть много других вопросов, но сейчас стоит ответить на эти.



Я знаю, что существует множество веб-сайтов с одинаковыми или похожими вопросами, но коды, похоже, разные на каждом веб-сайте, который я посещаю, и поскольку я не Я не знаю кодирования, я едва понимаю, что происходит, поэтому я был бы очень признателен, если бы вы, ребята, могли мне помочь, чтобы я мог публиковать здесь любые вопросы или проблемы, которые могут у меня возникнуть.

itl_ua


Рег
01 Jan, 2011

Тем
1

Постов
3

Баллов
13
  • 21, May 2024
  • #2
Круто, спасибо большое за помощь! Уже одно это открыло для меня много возможностей =) Мне было интересно, возможен ли этот эффект только с помощью HTML, или есть ли способ поместить код «JS» в HTML, как вы это сделали с CSS в сообщении выше, или у вас есть другой обходной путь.

чтобы добиться того же эффекта, я открыт для идей
Ссылка на эффект: кодекс (точка) io/ace/pen/BqEer/ (точка) = . (Мне пришлось написать такую ссылку, потому что она не позволяет мне опубликовать ее, если я напишу ссылку правильно, не знаю почему, потому что вы совершенно нормально разместили две ссылки) Кстати, как мне поставить вам лайки? Я не вижу кнопки для этого, а эти посты были очень полезны =)
 

affiliate.lamoda


Рег
30 Mar, 2012

Тем
1

Постов
5

Баллов
15
  • 31, May 2024
  • #3
Привет @sarahk! Да, конечно, вот ссылка на код:
http://codepen.io/ace/pen/BqEer/

Попробую разложить свою проблему:
1.- Исходный код разделен на три части: HTML, CSS и JS.
2.- Я использую веб-хостинг Wix и инструмент для ввода HTML-кода.
3.- Пользователь @qwikad.com помог мне понять, как объединить HTML, CSS и JS в единый HTML-код, используя теги <стиль> для CSS и <скрипт> для JS, чтобы я мог использовать его на Wix.
4.- Я пытался объединить коды в один, но мои незнания не помогают, и я не знаю, что делаю не так.
5.- Прошу помощи объединить исходный код в единый HTML-код, просто не знаю, как это правильно сделать. Спасибо!
 

kayuchkin


Рег
01 Jan, 2011

Тем
0

Постов
1

Баллов
1
  • 04, Jun 2024
  • #4
для изображения вам просто нужно что-то вроде этого
 <a href='[URL='https://lumtu.com/yti/bwYYwb21odHRwOi8vbXlmcmllbmRzYXdlc29tZXNpdGUuGdp']http://myfriendsawesomesite.com[/URL]'><img src='[URL='https://lumtu.com/yti/bAnnAbmdodHRwOi8vbXlmcmllbmRzYXdlc29tZXNpdGUuY29tL2ltYWdlcy9sb2dvLd2b']http://myfriendsawesomesite.com/images/logo.png[/URL]'></a>
Код (разметка): второй немного сложнее, и я бы попытался сделать это, используя библиотеку javascript, которую мы используем.

По сути, вы должны создать массив изображений и перебирать списки изображений, заменяя «src» каждый раз, когда пользователь нажимает кнопку мыши.

Javascript может обнаруживать наведение или наведение курсора мыши, но вы можете использовать функцию тайм-аута, чтобы замедлить скорость изменений.

№1 — чистый HTML

#2 можно было бы сделать с использованием css, а не javascript, если бы можно было изменить только одно изображение.

Раньше было обычным явлением, когда меню меняли цвет, когда вы наводили на него курсор мыши.

Однако не бойтесь CSS и JavaScript.

У большинства людей (99,9%) он включен, и это не замедлит работу вашей страницы. Раньше было легко заглянуть в исходный код веб-сайта и посмотреть, что он делает.

На некоторых сайтах проще, на других нет.

Чем больше сайт пытается быть дружелюбным к администратору, тем сложнее кажется код внешнего интерфейса.
 

Kerk1


Рег
16 Jul, 2013

Тем
1

Постов
6

Баллов
16
  • 05, Jun 2024
  • #5
Извините, а где находится код «CSS»? Потому что я попытался поместить его непосредственно в код HTML, и он отображает его как обычный текст D: У меня возник вопрос не по теме, мне просто интересно, есть ли более простой способ создать веб-страницу?, потому что при быстром поиске в Google я нашел этот «Dreamweaver», я не знаю, что это такое, но похоже, что это упрощает веб-дизайн, так это или нет?
 

MoF


Рег
06 Jun, 2011

Тем
0

Постов
3

Баллов
3
  • 07, Jun 2024
  • #6
Вы можете поместить этот js-код в свой файл html/php.

Он должен работать.

Убедитесь, что вокруг него есть . Я не уверен, как заставить его работать так же (по щелчку), используя только CSS.

У нас в ДП есть настоящие умники, которые могут разобраться практически во всем.

Просто подождите, кто-то другой может помочь вам. Я думаю, ты пока не можешь поставить лайк.

Чтобы ставить лайки, вам необходимо быть зарегистрированным участником (вы сами должны иметь 3 лайка от 3 разных участников).
 

Лина3


Рег
20 Mar, 2011

Тем
1

Постов
3

Баллов
13
  • 07, Jun 2024
  • #7
Я просто вставил это в скрипку - https://jsfiddle.net/gye28jtr/

Я только что выполнил поиск по before_after_slider и, наконец, понял, что вы пытаетесь сделать. Вы не подключаетесь к библиотеке javascript, и, не зная, какую версию сценария «до» и «после» вы пытаетесь использовать, мы не можем помочь. Можете ли вы показать нам, откуда вы взяли сценарий?
 

fbmpro


Рег
03 Dec, 2011

Тем
2

Постов
3

Баллов
23
  • 08, Jun 2024
  • #9
Это грустно =( Что ж, у Wix есть 2 приложения, которые делают это, как бесплатная, так и платная версия.

Проблема в том, что бесплатная версия ограничена определенным количеством изображений, поэтому я искал обходной путь, как это сделать, используя инструмент HTML.



Извините, извините за беспокойство, но не могли бы вы в последний раз взглянуть на новый код? Я нашел другой скрипт, и после его тестирования он «сработал», в основном он делает то, что должен делать, правильно, но одно изображение по какой-то причине он намного больше другого, дело в том, что оба изображения имеют размер 600 x 400 (погуглил), я даже изменил изображения, и проблема та же, поэтому я считаю, что проблема в коде.

Не могли бы вы взглянуть в последний раз? Если возникнет неразрешимая проблема, я просто воспользуюсь платной версией приложения на Wix =)

Оригинал:
http://thenewcode.com/819/A-Before-And-After-Image-Comparison-Slide-Control-in-HTML5

Моя попытка:
https://jsfiddle.net/ketiasd/gstqdofx/
 

Sensus1


Рег
28 Jun, 2015

Тем
1

Постов
3

Баллов
13
  • 10, Jun 2024
  • #10
Я не люблю говорить людям, чтобы они начинали сначала, но в сценарии «до» и «после» есть пара проблем.
  • использует jquery - хотя его легко преобразовать в старый школьный javascript
  • использует библиотеку CSS из http://compass-style.org/

    и похоже, что это что-то вроде Ruby on Rails, которое вам нужно установить на свой сервер - маловероятно, что Wix будет предварительно установлен, и они не установят его для вас.


Некоторые люди настаивали на использовании wix/weebly/etc, потому что создавать вещи так легко.

Вы уверены, что для этого не существует стандартного модуля Wix? Если его нет, возможно, вам придется принять трудные решения относительно того, насколько сильно вам нужна эта функциональность для достижения ваших целей.

Если он вам нужен, вам нужно найти другую библиотеку, которая его предлагает — Google нашел много — и вам, возможно, придется купить домен, заплатить за хостинг и получить подходящий веб-сайт.
 

divpixel


Рег
06 Dec, 2013

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно