Hi,
I have encountered a problem with images on re exporting a site after installing RSD 1.05-787 (install date 24 May). The site has 8 pages with the same structure but obviously different text / images. To create them I developed one first then used duplicate to create the other pages, changed the text / images as needed and all seemed fine. Two other sites I have are fine after re exporting with the new release so I suspect it is something I’m not realising or is unique to this one site.
The first thing I noticed after re exporting the site was that the image from the original page appeared in that place on every one of the copies. Not in RSD but when uploaded to the server.
On looking at the html code generated it looks like this:
<div class="coffee-span-3 coffee-390-span-8"><div class="responsive-image paraimage"><div><noscript data-defaultregular="./vegetables.png" data-1017regular="./domestic1.gif"><img src="./domestic1.gif" alt="" class="r_img"></noscript></div></div>
</div>
Where domestic1.gif is the image I want to appear on this page, and vegetables.png is the image that appears online – again not in RSD.
I re edited the site, going to each page and deleting the image element, adding a new 1x1 image element, giving each one the same class and a unique ID, and selecting the image I wanted for each page from the local image store. I then saved the project and re-exported.
The attached jpg is a screen shot from inside RSD, showing the correct image for the page – the cake!
The generated code looks like this:
<div class="coffee-span-4 parasubgrid coffee-390-span-8"><div class="responsive-image paraimage" id="imagek"><div><noscript data-defaultregular="img/image-1x1.svg" data-1017regular="./cake.jpg"><img src="./cake.jpg" alt="Placeholder Image" class="r_img"></noscript></div></div>
Where cake.jpg is the image I want and the one RSD displays.
However when uploaded I get this:
http://claygateflowershow.co.uk/part3/divisionk.html
No image at all and the broken link symbol.
There is one more unusual thing for the site. It is three sites as far as RSD is concerned. One part is in the root of folder structure, and the other two parts are in subfolders ‘part2’ and ‘part3’ - the page in question here is in the part3 subfolder.
I’ve checked with Filezilla and cake.jpg is in the root folder and in part3 folder. Also image-1x1.svg is in the img folder of the root and img folder of part3 so should be found.
I tried one other thing which is to manually edit the html replacing ‘img/image-1x1.svg’ with ‘./cake.jpg’ in the last example and the right image appeared.
I suspect it something that gets implied when you duplicate pages and / or folder structure but I can’t see it yet!!

Any help welcome,


Pat

Try this but you need to manual do it.

Change this code

<div><noscript data-defaultregular="img/image-1x1.svg" data-1017regular="./cake.jpg"><img src="./cake.jpg" alt="Placeholder Image" class="r_img"></noscript></div></div>

to

<div><img src="./cake.jpg" alt="Placeholder Image" class="r_img"></div>

I hope this helps you out.

Hello Pat,

It seems you set the image at a lower breakpoint. If you make your browser window smaller and click refresh, it does show up. When adding images, please make sure the slider is on the right of the first )going from right to left) breakpoint.

Hi Bob,

You are indeed right! And all is now as I intended. Just to reinforce your point about the rightmost breakpoint and how I got confused! If you are putting in a breakpoint then make sure you have positioned the slider where you want it before clicking '+'. Nothing goes wrong if you don't but if you click '+' with slider in it's default / starting position it does what it's told and adds a breakpoint at the very right hand end of the edit screen - usually only half visible. If you then move slider and and click on the breakpoint ribbon you get a second breakpoint where you intended it to be. Only issue is the rightmost breakpoint governs appearance on screens wider than around 1020 px. And if you need to move up and down your page for editing you need to pull the slider in (to the left) to get vertical positioning bar in view. This means any changes / additions you make do not apply to screens wider than 1020 px -UNLESS you move the slider back right before you edit.

I've learnt!

thanks,

Pat

Four things I love in a single post, how awesome is that!