UPDATED: Image Replacer Stack - added replace by class name, compatible with Foundation 6, UIKit3 and Source

Hello everyone,

Just pushed and update of the Image Replacer Stack version 1.0.7, now with improved compatibility with Foundation6 and all other RW frameworks. Added replace by ID or CLASS.

Ricardo

3 Likes

A link would be nice!

1 Like

Oops! thanks @joemart1951,

Here is the link to Image Replacer

Cheers,

Ricardo

1 Like

@RicardoR is it possible to replace the 3 image’s (or just one) in stead of the living room wall image. Or even better both options. That would be a cracker to display/sell photo or artwork.

Also is there a demo project to learn from.

1 Like

Z index for different images to replace?

Hi @pmjd, @Robert-Reinink,

For the moment, you can replace one image per Image Replacer Stack, however you can have as many stacks as needed in a page to “replace” any number of images.

Image Replacer can replace foreground and background images, there is a setting for that in the stack. The new replacement image will inherit the settings of the image being replaced, including it’s z-index.

For example, if the original image has specified dimensions, the new image will have the same dimensions. However, if the original images have no dimensions specified and the new image is larger, it will display larger.

For “replacing” multiple images, one suggestion would be to create your own interface using the button interface which is documented on the product page.

There are some examples included with the stack (just re-download from your paddle account), but I will be adding adding more examples next week or so.

Cheers,

Ricardo

2 Likes

Wonderful, thank you!
Looking forward to the new examples

The Image Replacer Stack was developed for this very initial idea, artwork and walls that could be changed. In fact, it works great in conjunction with the Dropper Stack and Image Fit Stack.

If you look at the last example of the Dropper Stack, you can see all of these stacks working together.

I will be adding an example of replacing the regular images, not just the background, soon.

2 Likes

I already have an F6, UIKit3 and Source examples included with the latest version of the stack. And on using a regular RW theme, no framework.

1 Like

Hi Ricardo, I have all these 3 stacks and trying to replicate the last example as in your link but I can’t get my head around it. An example as that would be more than welcome to study the internals.
Thank you

Hi Robert,

That example was developed using UIKit3 Framework, do you have that?

Basically it’s a 2-column grid. On the left I placed a background, and then another grid(s), in a slide stack with the dropper stack. On the right column, I added another 2-col grid(s), holding the images the are draggable.

Hi Ricardo, yes I have UIkit3 but mainly work in Source and trying to get it working in Source.
I assume that an UIkit example will give the insight to manage/port this/to with Source.

Basically it’s a 2-column grid. On the left I placed a background, and then another grid(s), in a slide stack with the dropper stack. On the right column, I added another 2-col grid(s), holding the images the are draggable.

1 Like