Category : css

Pardon my ignorance but can the getHref function be applied to returning an img src? I’d like to get the url for the image below <div class="uk-width-medium-3-10 uk-text-center"> <img src="/images/saleitems/Toaster.svg" class="uk-border-circle" alt="great toaster"> </div> I have this working for a breadcrumb URL … function getHref() { return document.querySelectorAll(‘.uk-breadcrumb li a’)[1].href; } My sad attempt at ..

Read more

I have been attempting to output a variable to an inline style, like this: v-bind:style="{background: item.image.url }" It is placed within a loop: <li v-bind:class="item.class" v-for="item in data.items" :key="item.id"> <div class="NewsAndAds_mainArticleImageWrapper_123Ab NewsAndAds_commonImageWrapperStyles_11MvG" v-bind:style="{background: item.image.url }" loading="lazy" alt="Geelong: The last house on Brougham Street up for sale"></div> <div class="NewsAndAds_mainContent_2yyly"> <h3 class="NewsAndAds_mainArticleTitle_2MQTl NewsAndAds_commonTitleStyles_3fpOS">{{ item.title.contents }}</h3> <p class="NewsAndAds_labelAndDate_3iEur"><span ..

Read more

I have created a timetable. I want the color of the subject to change during the time of the subject, according to the time automatically. But the Javascript code is not working. Please help me fix the code. The JSFiddle link is here: https://jsfiddle.net/Xampicus/t3j1xcyk/2/#&togetherjs=vghzPt6TKP The code for HTML and Javascript: <html> <head> <title> Exynos </title> ..

Read more

I’m trying to overlay an image with another on scroll, and it work on all browsers and even on mobile but not on safari. My code looks like this: var gjatesia_e_fotos = $(".foto-e-pare-index").height(); $(window).scroll(function() { var screenRelativeTop = $(".foto-e-pare-index").offset().top – (window.scrollY || window.pageYOffset || document.body.scrollTop); var height = $(window).height(); var largBottom = height – screenRelativeTop ..

Read more