Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Responsive image issue

Featured Replies

Hello friends,

 

I was seeing this tutorial on responsive image here

and i just downloaded that page and uploaded it here

but the image dont show any idea?

 

i just wanted to test it with other images

Make the img url the following:

 

<img src="./index_files/run.jpg" />

 

It works in my browser with the "./" prefix.

What a weird issue. It only shows in Chromium when I manually edit the html with Chrome tools... even if it's basically the same link you had already.

 

I saw you added the "./" and then I removed it with Chrome's tools and it worked... what?

 

I'm going to play around with it...

Edited by Pete Prosper

Yea I have no idea what the issue is. I even downloaded the files and ran everything locally and it works as it should.

 

I'm sure someone will come here and give a one line solution and it'll be embarrassing (for me anyway).

 

Sorry I couldn't be of more help...

hey still no luck?

 

 

http://mydomain007.host56.com/res_img/

 

In this one the image it's looking for is http://mydomain007.host56.com/res_img/rwd-router/index_files/run.jpg ? Yet the HTML is at the res_img level and the source says look in index_files, no mention of rwd-router. Where is that coming from? Is it the js doing something?

  • Author

yes there is some javascript for making that image responsive

 

and i really dont understand what this line means

<!-- ADD THE "r." prefix to your image extension for any responsive images -->

 

<!-- ADD THE "r." prefix to your image extension for any responsive images -->
<img src="index_files/run.jpg"  width="100%"/>

sorry, stupid past didn't work too well

http://mydomain007.host56.com/res_img/rwd-router/index_files/run.jpg

is what it's looking for.

 

 

I can only assume from the r. bit that it's saying have run.r.jpg and the js will look for that. Only an assumption though.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.