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.
Social Media Ad Creative Support Category: Adobe Creative Cloud, Photoshop, After Effects, Animation, Content Creation, Graphic Design, Social Media Marketing Budget: $8 - $15 USD
Website Redesign & Layout Refresh Category: Figma, Graphic Design, Logo Design, UI / User Interface, User Interface / IA, UX / User Experience, Web Design Budget: $8 - $15 AUD
08-Mar-2026 22:53 GMT
Cinematic Short Film Editing Category: Adobe Premiere Pro, After Effects, Color Grading, Film Production, Final Cut Pro, Video Editing, Video Production, Video Services Budget: $30 - $250 NZD
Commission Web Dev Sales Closer Category: Account Management, B2B Marketing, Customer Service, Internet Marketing, Lead Generation, Leads, Sales, Telemarketing Budget: $250 - $750 USD
08-Mar-2026 22:46 GMT
High-Detail Vectorization for Logo Category: Adobe Creative Cloud, Adobe Illustrator, Graphic Design, Illustration, Logo Design, Photoshop, Vector Design, Vectorization Budget: $15 - $25 USD
08-Mar-2026 22:44 GMT
Création d'Images IA avec Gemini Pro -- 71043 Category: AI Art Creation, AI Development, AI Image Editing, Graphic Design, Image Processing, Photo Editing, Photoshop, Photoshop Design Budget: $2 - $8 USD
08-Mar-2026 22:42 GMT
iOS Pregnancy Companion App Build Category: Figma, IOS Development, IPhone, Mobile App Development, Objective C, Swift, UI / User Interface, UX / User Experience Budget: $750 - $1500 USD
Google Ads Lead Generation Strategy Category: Digital Marketing, Google Ads, Google Adwords, Internet Marketing, Keyword Research, Lead Generation, Marketing, SEO Budget: $250 - $750 CAD
08-Mar-2026 22:35 GMT
ATE Test Program Support Tool Category: Artificial Intelligence, Data Analysis, Django, Electronics, Flask, Google App Engine, Python, Software Architecture, Test Automation, Web Development Budget: €250 - €750 EUR
08-Mar-2026 22:35 GMT
U.K. Commercial Real Estate Investment Analysis Category: Business Analysis, Business Plans, Financial Analysis, Financial Modeling, Financial Research, Market Analysis, Real Estate, Risk Assessment Budget: min £36 GBP
