I have a set of wide images, about 1330 pixels wide by from 250px to 600px high. I want to display on my website about 500px wide of the image (i.e. a cropped part of it, so that the user can see clearly what it is, rather than it being a shrunk down version of the whole image), and for the user to be able to click on the image, so that it zooms out to the full image at full size. I know I can use the Transform function in CSS to enlarge an image, but I don't know how to change from the first image to the second image. I am fairly competent in HTML and CSS (and the Transform function), so I just need the basic code, which I imagine is a five minute job for somebody who already knows how to do it!
I also want a mobile phone user to be able to scroll the image left and right on their screen - because the images are too wide to display on a mobile phone, I want them to appear in some sort of box, which allows the user to push the image left and right to view more of it. I know how to use @media and max-width, if that helps.
Modern Fiction Book Cover Category: Adobe InDesign, Photoshop, Book Cover Design, Graphic Design, Illustration, Print Design, Typography Budget: £250 - £750 GBP
17-Sep-2025 21:54 GMT
Industrial-Style Apartment Design Category: Architecture, AutoCAD, Building Architecture, Building Design, Building Engineering, Graphic Design, Interior Design, Urban Design Budget: $3000 - $5000 USD
17-Sep-2025 21:53 GMT
Luces automáticas Category: C++, Programming, Electrical Engineering, Electronics, Home Automation, Internet Of Things (IoT), Microcontroller, PCB Layout, Rapid Prototyping Budget: $15 - $25 USD
17-Sep-2025 21:53 GMT
Tree Plotting on Google Maps Category: Cartography & Maps, Data Analysis, Data Visualization, Excel, Geographical Information System (GIS), Geospatial, Google Earth, GPS, Landscape Design Budget: $250 - $750 AUD
17-Sep-2025 21:52 GMT
Outbound Cold Calling for Leads Category: B2B Marketing, Business Development, Lead Generation, Leads, Marketing, Sales, Sales Management, Telemarketing Budget: $8 - $15 USD
17-Sep-2025 21:51 GMT
Responsive Static Webpage Development Category: Animation, CSS, Figma, Frontend Development, HTML, JavaScript, Mobile Development, Web Design, Web Development Budget: $30 - $250 USD
