Find Jobs
Hire Freelancers

Add few lines of code to display images- .js Javascript

$10-30 AUD

Lukket
Slået op 9 måneder siden

$10-30 AUD

Betales ved levering
I am looking for a skilled JavaScript developer to add a few lines of code to display images in a carousel on my website. Its display images and works perfectly fine however, for case 0, I want to show image [login to view URL], [login to view URL], [login to view URL] For case 1, I want to show image [login to view URL], [login to view URL], [login to view URL], For case 2, I want to show image [login to view URL], [login to view URL], [login to view URL] and so on. I only need few lines of code to show me how to do this. Attached is the full javascript file. Please check here for all the code. This will take 5-10min max if you know java. // show different property function function clickDropdownItem(n) { var dropdownBtn = $('#floorplan-dropdown .dropdown-item'); var modalImg = $('#floorplanModal .modal-body img'); var modalPlateImg = $('#floorplateModal .modal-body img'); var modalTitle = $('#floorplanModal .modal-body .floorplan-modal-title'); var carouselPopup = $('#property-carousel .swiper-slide .expand-icon'); var carouselImg = $('#property-carousel .swiper-wrapper'); var paragraph = $('.property-desc p'); [login to view URL](n).click(function () { [login to view URL](); [login to view URL](false); $('.residencies-dropdown').addClass('dropdown-movetop'); $('.back-btn').removeClass('unshown'); $('.nav-top-row').css('visibility', 'hidden'); $('.nav-wrapper').css('visibility', 'hidden'); }); switch (n) { case 0: [login to view URL](n).click(function () { $('.ground-floor').remove(); [login to view URL](); $('#original-content').css('display', 'none'); $('#replaced-content').css('display', 'flex'); $('#replaced-content .sunday-title p').html('<span>GROUND</span> 01'); $('.property-info').html(`<ul class="info-list"> <li>BEDROOM <span>3</span></li> <li>BATHROOM<span> 2.5</span></li> <li>CAR SPACE<span> 2</span></li> </ul> <ul class="info-area"> <li>INTERIOR<span> 153 m2</span></li> <li>EXTERIOR<span> 120 m2</span></li> <li>TOTAL AREA<span> 273 m2</span></li> </ul>`); [login to view URL]('src', './assets/img/floorplan/[login to view URL]'); [login to view URL]('src', './assets/img/floorplate/WHITEFOX_Marketing_CN_Digital Floorplates_G01 Ground Floor [login to view URL]'); [login to view URL]('<span>GROUND</span> 01'); [login to view URL]('A layout designed with a purposeful flow of movement in mind; enjoy the spaciousness of a living area that’s waiting to entertain. '); [login to view URL](`<div class="swiper-slide ground-floor"> <a class="expand-icon" href="./assets/img/[login to view URL]" data-toggle="lightbox" data-gallery="property-gallery"> <img src="./assets/img/icons/[login to view URL]" alt="expand"></a> <img class="property-show-img" src="./assets/img/[login to view URL]" alt="Popup slide"> </div> `) [login to view URL]('ground-level'); }); break; case 1: [login to view URL](n).click(function () { $('.ground-floor').remove(); [login to view URL](); $('#original-content').css('display', 'none'); $('#replaced-content').css('display', 'flex'); $('#replaced-content .sunday-title p').html( `<span>GROUND</span> 02` ); $('.property-info').html(`<ul class="info-list"> <li>BEDROOM<span>3 </span></li> <li>BATHROOM<span> 2.5</span></li> <li>CAR SPACE<span>2 </span></li> </ul> <ul class="info-area"> <li>INTERIOR<span>156 m2 </span></li> <li>EXTERIOR<span>146 m2 </span></li> <li>TOTAL AREA<span> 302 m2 </span></li> </ul>`); [login to view URL]('src', './assets/img/floorplan/[login to view URL]'); [login to view URL]('src', './assets/img/floorplate/WHITEFOX_Marketing_CN_Digital Floorplates_G02 Ground Floor [login to view URL]'); [login to view URL]('<span>GROUND</span> 02'); [login to view URL]('Where an expansive terrace area framed by luscious greenery gives you the touch of nature needed to unwind and feel at home. '); [login to view URL](`<div class="swiper-slide ground-floor"> <a class="expand-icon" href="./assets/img/[login to view URL]" data-toggle="lightbox" data-gallery="property-gallery"> <img src="./assets/img/icons/[login to view URL]" alt="expand"></a> <img class="property-show-img" src="./assets/img/[login to view URL]" alt="Popup slide"> </div> `) [login to view URL]('ground-level'); }); break; case 2: [login to view URL](n).click(function () { $('.ground-floor').remove(); [login to view URL](); $('#original-content').css('display', 'none'); $('#replaced-content').css('display', 'flex'); $('#replaced-content .sunday-title p').html('<span>GROUND</span> 03'); $('.property-info').html(`<ul class="info-list"> <li>BEDROOM<span> 2</span></li> <li>BATHROOM<span> 2.5</span></li> <li>CAR SPACE<span> 2</span></li> </ul> <ul class="info-area"> <li>INTERIOR<span> 121 m2</span></li> <li>EXTERIOR<span> 34 m2</span></li> <li>TOTAL AREA<span> 155 m2</span></li> </ul>`); [login to view URL]('src', './assets/img/floorplan/[login to view URL]'); [login to view URL]('src', './assets/img/floorplate/WHITEFOX_Marketing_CN_Digital Floorplates_G03 Ground Floor [login to view URL]'); [login to view URL]('<span>GROUND</span> 03'); [login to view URL]('It’s all about meaningful direction; from the moment of walking in, you’re instinctively drawn through the home’s indoor and outdoor entertaining areas. '); $('.ground-floor').remove(); [login to view URL](`<div class="swiper-slide ground-floor"> <a class="expand-icon" href="./assets/img/[login to view URL]" data-toggle="lightbox" data-gallery="property-gallery"> <img src="./assets/img/icons/[login to view URL]" alt="expand"></a> <img class="property-show-img" src="./assets/img/[login to view URL]" alt="Popup slide"> </div> `) [login to view URL]('ground-level'); }); break; ...... more code in. js attached var imgSrc = [ './assets/img/[login to view URL]', './assets/img/[login to view URL]', './assets/img/[login to view URL]', './assets/img/[login to view URL]', './assets/img/[login to view URL]', './assets/img/[login to view URL]' ]; Attached is the js. file Budget: 10 AUD Timeframe - 15min
Projekt-ID: 37051398

Om projektet

10 forslag
Projekt på afstand
Aktiv 8 måneder siden

Leder du efter muligheder for at tjene penge?

Fordele ved budafgivning på Freelancer

Fastsæt dit budget og din tidsramme
Bliv betalt for dit arbejde
Oprids dit forslag
Det er gratis at skrive sig op og byde på jobs
10 freelancere byder i gennemsnit $18 AUD på dette job
Brug Avatar.
Hi there, I can start to work right now and complete it within 10min. Please contact me. Sincerely, Oleh
$10 AUD på 1 dag
5,0 (5 anmeldelser)
3,5
3,5
Brug Avatar.
Hi, I have checked your job description and understood what you are looking for. I can do your job within your time frame and budget. Please contact me and let's go ahead. Regards,
$10 AUD på 7 dage
5,0 (3 anmeldelser)
2,2
2,2
Brug Avatar.
hello there, I hope this message finds you well, I have experience with js +5 years I can do it perfectly
$20 AUD på 1 dag
5,0 (1 bedømmelse)
1,3
1,3
Brug Avatar.
Hi, I have read your description carefully. I have full experience with Javascript/Ajax/PHP. And I can carry out your task on time high quality. please, contact me. from @Nguyen Le B
$30 AUD på 7 dage
0,0 (0 anmeldelser)
1,7
1,7
Brug Avatar.
I can start right away. lets talk in the DMs I will do this within 10 mins,and the budget is also good for you
$10 AUD på 1 dag
0,0 (0 anmeldelser)
0,0
0,0
Brug Avatar.
Based on your description, we need to modify the code in each case of the switch statement to append the right images to the modal carousel depending on the selected item of the dropdown. let me help you to get this done ASAP.
$10 AUD på 1 dag
0,0 (0 anmeldelser)
0,0
0,0

Om klienten

Flag for AUSTRALIA
Melbourne, Australia
5,0
8
Betalingsmetode verificeret
Medlem siden jun. 30, 2023

Klientverificering

Tak! Vi har sendt dig en e-mail med et link, så du kan modtage din kredit.
Noget gik galt, da vi forsøgte at sende din mail. Prøv venligst igen.
Registrerede brugere Oprettede jobs i alt
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Indlæser forhåndsvisning
Geolokalisering er tilladt.
Din session er udløbet, og du er blevet logget ud. Log venligst ind igen.