WebSite X5Help Center

 
Valeriy  Khalif
Valeriy Khalif
User

Embedding Multiple webp Images in html for js Control  en

Autor: Valeriy Khalif
Visited 71, Followers 1, Udostępniony 0  

I want to place several images inside an HTML object on the Sticky Panel so that I can later control them through JS. Here is the HTML code:
Italiano

Voglio inserire diverse immagini dentro un oggetto HTML sul Pannello Fisso, in modo da poterle poi gestire tramite JS. Ecco il codice HTML:


----------------------------------------------------------------------------------------

html
<div id="ava-ring-wrapper">
<div class="ava-ui-root" id="ava-magic-ring">
<img class="ava-visual" src="images/AVA-logo-117.webp"
data-idle="images/AVA-logo-117.webp"
data-listening="images/Ava_127_online.webp"
data-speaking="images/Ava_121_voice.webp" data-paused="images/Ava_120_offline.webp" alt="AVA Magic Ring">

</div>
</div>
----------------------------------------------------------------------------------------------

For working with CSS, I specifically wrapped everything in two containers. What is the problem, what am I doing wrong, and why don’t the images load if they are located in the folder exactly as specified in the code?
Ho avvolto tutto in due contenitori per poter lavorare meglio con il CSS. Il problema è che le immagini non vengono caricate, anche se nella cartella si trovano esattamente con i nomi e i percorsi indicati nel codice. Cosa sto sbagliando?

Vuoi che ti prepari anche una versione “tecnica” con le possibili cause più comuni (ad esempio: differenza tra maiuscole/minuscole nei nomi dei file, percorsi relativi, supporto del browser al formato .webp, oppure conflitti con il costruttore WSX5)?

Хочу сам в HTML объект (уточняю на Липкой панели) положить несколько картинок, и потом с ними проводить манипуляции на JS 
вот HTML код:
<div id="ava-ring-wrapper">
<div class="ava-ui-root" id="ava-magic-ring">
<img class="ava-visual"
src="images/AVA-logo-117.webp"
data-idle="images/AVA-logo-117.webp"
data-listening="images/Ava_127_online.webp"
data-speaking="images/Ava_121_voice.webp"
data-paused="images/Ava_120_offline.webp"
alt="AVA Magic Ring">
</div>
</div>
На всякий случай дважды обернул в контейнер, потому что нужно работать с CSS
В ЧЕМ ПРОБЛЕМА, ЧТО Я ДЕЛАЮ НЕ ТАК, почему не грузятся картинки? В папке они лежат точно так как написаны в коде!


 

Posted on the
2 ODPOWIEDZI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca PL

(It > En)  ... You should post a link to your online page where you use this code, and a link to the source that provided it, so we can make some assessments...

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Valeriy  Khalif
Valeriy Khalif
User
Autor

Non ho trovato alcuna soluzione — al vostro enigmatico e contorto modo di pensare — per capire perché, quando utilizzo sulla mia maledetta Sticky Panel un blocco HTML dove devo configurare in maniera raffinata e precisa la visualizzazione delle immagini e il loro funzionamento, mi ritrovo a danzare per giorni interi attorno al vostro costruttore come uno sciamano con il tamburo! E anche così non è affatto garantito!

Non ho ancora capito come “vive” il vostro costruttore: perché un’operazione così banale e elementare come mostrare delle immagini — usando il vostro stesso contenitore e rispettando tutte le vostre condizioni — deve trasformarsi in una lotteria esasperante, dove devo persino indovinare come chiamare il file dell’immagine, e anche lì non funziona! Alla fine non è partito nulla: è una vera e propria presa in giro! Le immagini si rifiutano ostinatamente di apparire — ma che è, un complotto grottesco?

Forse potete illuminarmi: come devo configurare l’immagine, in quale estensione? Ho provato sia in *.png che in *.webp — stesso risultato: il metodo del caso, quando per puro miracolo funziona, evidentemente perché ho azzeccato per sbaglio quel nome arcano e sepolto che il vostro codice interno WSX5 custodisce come un segreto iniziatico


Я так и не нашел решение - ВАШЕМУ ОСОБОМУ МЫШЛЕНИЮ, - почему когда я использую на липкой панель свой блок HTML в котором мне нужно особым образом настроить обображение картинок и работу с ними - мне нужно плясать несколько дней вокруг вашего конструктора с бубном!? И то не факт! - Я ТАК И НЕ ПОНЯЛ КАК ЖИВЕТ ВАШ КОНСТРУКТОР - ПОЧЕМУ СТОЛЬ ПРОСТОЕ ОТОБРАЖЕНИЕ КАРТИНОК - С ПОМОЩЬЮ ВАШЕГО ЖЕ КОНТЕЙНЕРА СО ВСЕМИ ВАШИМИ ЖЕ УСЛОВИЯ - Я ЕЩЕ ДОЛЖЕН УГАДЫВАТЬ - А КАК ЖЕ БЫДКТ НАЗЫВАТЬСЯ МОЯ КАРТИНКА, И ТО НЕ ФАКТ, ТАК НИЧЕГО И НЕ ЗАРАБОТАЛО - ПРОСТО ИЗДЕВАТЕЛЬСТВО КАКОЕ-ТО! КАРТИНКИ ПРОСТО ОТКАЗЫВАЮТСЯ ОТОБРАЖАТЬСЯ - ЭТО ЧТО ЗАГОВОР???
Может вы мне подскажите - как же мне нужно настраивать КАРТИНКЕ в каком расширении (хотя я попробовал и в *.png и в *.webp - резудьта тот же  - МЕТОД СЛУЧАЯ - когда случайно заработало - видимо случайным образом попал в ТО ЗАКРЫТОЕ НАЗВАНИЕ КОТОРОЕ ХРАНИХ внутренний код WSX5 

«E quello che poi viene conservato sul server — per non parlare della risoluzione dell’immagine — non obbedisce ad alcuna logica sensata?! ALLORA FORSE VORRESTE FINALMENTE CONDIVIDERE CON NOI QUESTA VOSTRA stravagante, misteriosa e incomprensibile logica???

Ну а то что храниться потом на сервере - не говоря уже о разрешении картинки, то совсем никакой логики не подлежит?!
ТАК МОЖЕТ БЫТЬ ВЫ ВСЕ ЖЕ ПОДЕЛИТЕСЬ - ЭТО ЧУДНОЙ ЛОГИКОЙ???

Я бы очень был заинтересован, чтобы вы раскрыли тайну, а как же работать с вашим HTML объектом, и что по вашему тогда объект, и зачем тогда нужно было давать глубокие настройки, если их похоже даже вы не понимаете?!
«Sarei davvero estremamente interessato che voi finalmente svelaste il grande mistero: come si dovrebbe mai lavorare con il vostro enigmatico oggetto HTML? E, secondo la vostra stessa definizione, che cos’è allora un “oggetto”? Perché mai avete dato delle impostazioni così “profonde” e solenni, se poi sembra che nemmeno voi ne comprendiate il senso?!

Czytaj więcej
Posted on the from Valeriy Khalif