WebSite X5Help Center

 
Gilbert G.
Gilbert G.
User

Did somebody ever used "Simple 3D coverflow" in Website X5 ?  en

Author: Gilbert G.
Visited 2542, Followers 1, Shared 0  

Hi, did you ever used the app "Simple 3D coverflow" in a Website X5 project ?

Can I use the plugin that is designed for Wordpress with Website X5 ?

Thanks in advance our help !

Gilbert

Posted on the
49 ANSWERS - 4 USEFUL
Incomedia
Stefano G.
Incomedia

Hello Gilbert

By default, a plugin made for Wordpress won't be directly embeddable inside a WebSite X5 project. This would require technical knowledge of the code language the plugin is written in as to be able to correctly integrate it.

The Staff cannot, unfortunately, provide support for third-party code, so I would suggest contacting a professional for this type of integration should you believe it to be fundamental inside your website

Thank you

Stefano

Read more
Posted on the from Stefano G.
Gilbert G.
Gilbert G.
User
Author

Hello KolAsim, is it possible to ask "3d coverflow" to get his thumbnails, video links and text résumé directly from a database that would be installed on my host company server ?

Thanks in advance for your help,

Gilbert‪ ‪

Read more
Posted on the from Gilbert G.
Gilbert G.
Gilbert G.
User
Author

Hello Stefano, thank you for clarifying this matter.

Regards,

Gilbert

Read more
Posted on the from Gilbert G.
Axel  
Axel  
User

Tom. works on Firefox 47.0.2

Not on my Chrome  77.0.3865.90

Read more
Posted on the from Axel  
Axel  
Axel  
User

Hello,

I have integrated the code into X5... but not running

https://test.afsoftware.fr/

strange errors into inspect ... path to JS and CSS files seems correct

Read more
Posted on the from Axel  
Axel  
Axel  
User

I put the code into an HTML object on the page 

Read more
Posted on the from Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Tom. works on Firefox 47.0.2 Not on my Chrome  77.0.3865.90

Works in IE11, too.

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Hello, I have integrated the code into X5... but not running

Weird...I tried myself in several differet ways and cannot get it to work either... Only the drop down list of presets shows...

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Tom G.
... ...  Hey, KolAsim - I'm pretty sure that you can figure out why these (see the arrow below) don't work as in the original plugin? ... ... ... 

hello, as Wsx5.afsoftware.fr  said before, I also don't work with Vista + Chrome.49 (old), but it works with Vista + Firefox ...
Hello, ciao...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Gilbert G.
Hello KolAsim, is it possible to ask "3d coverflow" to get his thumbnails, video links and text résumé directly from a database that would be installed on my host company server ? Thanks in advance for your help, Gilbert‪ ‪

... I think that with IFRAME we can do a little of everything > easily ...

... Hello, ciao...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hey KolAsim,

thanks for your example. Works perfectly in full HTML file

With WSX5, I have put your code into HTML object but nothing !

Always same error into inspect  with your code too

https://test.afsoftware.fr/

idea ?

Read more
Posted on the from Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Wsx5.afsoftware.fr  
Hey KolAsim, thanks for your example. Works perfectly in full HTML file With WSX5, I have put your code into HTML object but nothing ! Always same error into inspect  with your code too https://test.afsoftware.fr/ idea ?

(It > En) ... apparently not compatible with the jQuery library used by the program...undecided...
...idea! ... you could use my twenty-year method, simply by IFRAME, with which you can easily import anything without conflicts with the program...wink...

... ciao ...

<iframe src="http://www.kolasim-zone.it/slideshowk/simple-3d-coverflow_k.html" width="100%" height="550" </iframe>

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hey KolAsim,

your iframe solution to cal the html file is the best...wink

here integration is ok wink

https://test.afsoftware.fr/

Read more
Posted on the from Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
here integration is ok https://test.afsoftware.fr/

afsoftware, could you attach your project?

Read more
Posted on the from Tom G.
Axel  
Axel  
User

Hey Tom. all

here the project

Read more
Posted on the from Axel  
Tom G.
Tom G.
User

Thanks, Axel!

(Unfortunately, I cannot open it - ...because I have WSX5 17... foot-in-mouth)

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Tom G.
Thanks, Axel! (Unfortunately, I cannot open it - ...because I have WSX5 17... )

... it's simple, to try pasting the previous IFRAME code ...wink

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

@Tom

Download / Install v2019 on your PC...
Not conflict with your v17...

both on same PC works fine.

Read more
Posted on the from Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
Download / Install v2019 on your PC... Not conflict with your v17...

v2019 would be $229  (-10%) - no good.

Downloaded 2019 evo demo - wrong version of iwzip. So - complete fiasco...

Maybe just tell what you put in HTML Object, where you put stuff from skin_classic_black.css and FWDSimple3DCoverflow.js. That should work.

Thanks in advance!

Read more
Posted on the from Tom G.
Axel  
Axel  
User

Hey Tom,

- I have uploaded the kolasim's source html page http://www.kolasim-zone.it/slideshowk/simple-3d-coverflow_k.html" and rename to kol.html locally

- In my directory project I have create a sub dir like afs-demo/3d-coverflow and I copied the 3 files (kol.html, fwdsimple3dcoverflow.js, skin_classic_black.css)

Into my HTML object I have following

and into advanced tab I have

That's all

You just need to chand contents into the kol.html file with yours.

https://wsx5.afsoftware.fr

Read more
Posted on the from Axel  
Tom G.
Tom G.
User

Thank you, AF! I followed your instructions and got it to work.laughing

I put images from the original and changed to 'category three'.

The only thing I would like to fix is the left and right margins. Shouldn't the width be 100%?

Read more
Posted on the from Tom G.
Axel  
Axel  
User

Hey Tom,

to enlarge ito the width screen, t's an option on X5 Pro.... !!!!

Maybe Kolasim can help you on this ? (in this cas you need to post your project to check your source code and to see where is the tip )

How have you changed for category 3 ? Please post your code... I have no investigate on this and interesting

thanks a lot

Read more
Posted on the from Axel  
Axel  
Axel  
User

option to enlarge is here

Read more
Posted on the from Axel  
Tom G.
Tom G.
User

Thanks, yes, that was it.

If you look into original code, you will see line

Underneath that, you will see added dimensions for each thumbnail. And that is the only change.

This is how it looks:

You can change the background color, for example - to white:

You do it changing following in .html file:

I also found all images the original is using. They are in "skin_black" folder under the "Thumbnails". (Attached)

PS.

I am retired guy that loves playing with code. I had fun figuring it all... wink

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User

You can chose Presets by putting <select> section below <body>:

               

for example:

             

I really like it!

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > En) ... certainly yes, as expected from the DEMO, ... but in the site it would not be well, in fact I had simplified it and eliminated ...
... you can select what you want, for example in my current example I have now modified,   it is set from the initial default position to the select(9) position;
  ... with Ctrl +U you can see in HEAD the script code I used ...ciao a tutti...wink...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

Agree, KolAsim!

Again, thank you for your "iframe" suggestion! Your ideas are always great and very helpful!

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User

One last thing, KolAsim:

Why there are no arrows as I show below?

             

No images, but clicking there works!

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... you have to remove this string that I had put for the tests:
img {width: 100%! important;}


img {width: 100%! important;}

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

KolAsim, Tom,

Good job guys... tongue-out

I have removed this line:

<link rel="stylesheet" type="text/css" href="afs-demo/3D-coverflow/skin_classic_black.css">
<style>
iframe {width:105% !important; height:105% !important;top:0px !important;left:0px !important }
<!-- img {width:100% !important } -->
body {background-color:navy }

</style>

But arrows are not there ! but like said Tom, action works by clicking !

Read more
Posted on the from Axel  
Axel  
Axel  
User

Oups...it's works wink

just need to delete the line and not to comment 

Read more
Posted on the from Axel  
Axel  
Axel  
User

@Tom,

thanks for clarification... yes I saw the 3 categories into the source. Okundecided

I don't understood your explanation on this:yell

They are in "skin_black" folder under the "Thumbnails".

What do you mean ?

where are (hidden) these pictures / directory ?

Read more
Posted on the from Axel  
Axel  
Axel  
User

@KolAsim,

One thing not understood yell

When I click on locomotiva picture I get an animated picture 


Where is the coding of animated picture by clcking on previous ?

same question for all in fact, after clicking on first pisture there is other content... But the content is not defined into HTML !

I have ckecked HTML source but nothiing, no ?

Read more
Posted on the from Axel  
Tom G.
Tom G.
User
Wsx5.afsoftware.fr  
I don't understood your explanation on this: They are in "skin_black" folder under the "Thumbnails". What do you mean ? where are (hidden) these pictures / directory ?

The "Thumbnails" is the folder where I put thumbnails of my images. I also put there all small images, like right arrow, left arrow, play, pause, etc. (which originally are on the "mainFolderPath: http://www.webdesign-flash.ro/p/s3dcov/load" page). I wanted to have them locally, not on some server.

  

"skin_black" is the subfolder of "http://www.webdesign-flash.ro/p/s3dcov/load", where they store the small images I mentioned. Since my my mainFolderPath: is "Thumbnails" the small images must be in "skin_black" folder under "Thumbnails".

In File Explorer:

Read more
Posted on the from Tom G.
Axel  
Axel  
User

Thanks Tom... very clear .. undecided

Read more
Posted on the from Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Wsx5.afsoftware.fr  
@KolAsim, One thing not understood When I click on locomotiva picture I get an animated picture  Where is the coding of animated picture by clcking on previous ? same question for all in fact, after clicking on first pisture there is other content... But the content is not defined into HTML ! I have ckecked HTML source but nothiing, no ?

(It > En) ... the Lightbox is an IFRAME smile and in my example I use the URL of these pages:
... > plane ... > locomotive ... > carousel...

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

OK... saw... tongue-out

thks

Read more
Posted on the from Axel  
Tom G.
Tom G.
User

The whole thing works great on my PC, but for some reason doesn't work when I upload the WebSite to Internet...

Any ideas why? All files that are in "Preview" folder are on the server...

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... you should post the LINK of your example in order to verify ...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

I imlemented the buttons that show/execute 9 presets - and it looks like below:

(Clicking on images on "carousel" is not implemented yet - just the presets.)

And here is the link.

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User

Your page, KolAsim, is here.

Read more
Posted on the from Tom G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... you rightly used the name of the original JS file (which I couldn't use with my FTP), so the file is not recognized:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/fwdsimple3dcoverflow.js   ...!...
... then correct here:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/fwdsimple3dcoverflow.js
... so:
http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/FWDSimple3DCoverflow.js

... OK >>  http://www.ownitconsignment.com/3Dcoverflow/JS_CSS/FWDSimple3DCoverflow.js

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Tom G.
Tom G.
User

Thank you!!! Changed all names to lower case and it workes now!

I think it's enough for Saturday. You deserved to rest now!wink

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User

@AF: this is how the graphic part of the page works.

As I said, clicking on images on "carousel" is not implemented yet - just the presets.

Read more
Posted on the from Tom G.
Tom G.
Tom G.
User

Oh, yes... One of the nicest plugins (sorry it's not WSX5).

Thank you for the link!

Read more
Posted on the from Tom G.