19 comments found.
Hello, can you help me to convert to wordpress plugin. Thanks,
Hi i m sorry but i’m not expert on WP, i don’t know how to convert. i think you need to create some module on php and add the javascript from the slide, but i m not sure Regards
Hello,
I would like to know how i can make a different alert for all canvas, or differentiate them, to load different content if i click on one image, or on another. For example, if i click on the canvas who contain “photo1.jpg”, “alert, canvas 1 is clicked. And if I click on the canvas who contain “photo2.jpg”, “alert, canvas 2 is clicked.
Thank you for your work and best regards
Hi Zed inside JSmoveImg.js file you find the event onClick
/* ---- on click event ---- */ this.img.onclick = function () { if (camera.s) return; if (this.diapo.isLoaded) { if (this.diapo.urlActive) { /* ---- jump hyperlink ---- */ top.location.href = this.diapo.url; } else { /* ---- target positions ---- */ camera.tz = this.diapo.z - camera.fov; camera.tx = this.diapo.x; camera.ty = this.diapo.y; /* ---- disable previously selected img ---- */ if (selected) { selected.but.className = "button viewed"; selected.img.className = ""; selected.img.style.cursor = "pointer"; selected.urlActive = false; urlInfo.style.visibility = "hidden"; } /* ---- select current img ---- */ this.diapo.but.className = "button selected"; interpolation(false); selected = this.diapo; } } }
you can try to manage from here the alert, get parameter img.title and manage the alert
i hope this help you Regards
Hi, is the iview video option Vimeo only, or does is there also youtube code available?
if you have a problem write me back
Regards
THX fort he reply.
So as I get it I have to make a new ‘iview290.js’ with the JavaScript part in it ? ’ iview290.css’ with the css part in it ? And link to them in the head part of the html page?
The rest of the html part I understand
Best, R.
Hi
the code work good
try this:<!--<div id="iview" style=""> <div id="screen"> <div id="command"> <img src="img/top_ribbon.png" class="img-ribbon" alt="" /> <div id="bar" /> </div> <div id="urlInfo" /> </div> </div>--> <div id="iview"> <!-- Slide 1 --> <div data-iview:image="images/big-3.jpg" data-iview:transition="zigzag-top,top-curtain,fade"> <!-- Video iFrame --> <iframe width="100%" height="100%" src="//www.youtube.com/embed/nbP4y7hml98?rel=0" frameborder="0" allowfullscreen></iframe> </div> <!-- Slide 2 --> <div data-iview:image="images/big-3.jpg" data-iview:transition="zigzag-top,top-curtain,fade"> <!-- Video iFrame --> <iframe width="100%" height="100%" src="//www.youtube.com/embed/tqIzoIoHQd0?rel=0" frameborder="0" allowfullscreen></iframe> </div> Regards</div>
It works now (partly) with this code, although it interferes with the javascript, the shadow under the frame is gone. And I assumed it worked together with the slide frame, but that disappeared too. Was my assumption wrong?
Test here: http://knsm-eiland.info/test/remove overflow: hidden; from the css body
Forgive for not understanding: in the index, overflow:hidden; is in the header, not the body, and removing it didn’t help. Frame is still cut off at the bottom> Furthermore overflow:hidden is in different css/files , so that ’s not clear either overflow:hidden
http://knsm-eiland.info/test/hi if you go in the file styleAuto you have this
body { color: #FFF; font-size: 9pt; cursor: default; overflow: hidden; background: url(../images/bg.jpg) no-repeat center center fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
remove overflow: hidden;
Regards
Hi the hight for the page?
because i see you dont remove overflow: hidden; from the body
I did already in stylesauto but not in style, apparently, thx.
I m sorry but i dont understand i see only 5 video but the last two i dont see because you put the height:500px
The file iview.packed.js i dont find where it s called i dont think need.
for the m3D you find inside JSmoveimg.js or JSmoveImgbackground.js depend type you use
Best Regards Alessio
heyyy i liked ur slider but one thing in the 3d slider automatic is there a way to make the slider width 100% on the screen thanks
Hi yes i think need to management the css or you do the automatic in the slider background
Hello. I just purchased this plugin but wordpress does NOT load the zip !! Any suggestions plese ??
Hi this not is the section WP application, this sis javascript app so no build in WP you need to integrate, regards
I connected the slide to a site in html and with my mac as a server works fine, just load the files with FTP server host my domain at the slide does not work, as you can?
Ciao write my one email with your url domain and i search to see the problem Regards
in this moment the page it is not on line … the problem it is the pictures …. the structure it is aviable …but the images of slide not aviable ….this problem only on line ….in local server it is all okkey ….this is a mistery
try to see with chrome developer tools and write my the error
Is there possibilities to add caption?
Hi yes need to add this code : src: ‘photo1.jpg’, url: ’#’, title: ‘jump to random script’, color: ’#000’, when charge the image, and possible to modify the font and rest with class #urlInfo but not work al top with automatic slide
I found that images will be overlay if the image size is “1920×1080”. Would you please fix it before i purchase for a license?
My idea is use fullscreen (in 1920×1080px) to display many 1920×1080 photo with auto play function, just like a screen saver.
I found many error in example file. The css is loading a “3.jpg” which is not exist in zip. And few unknown 404 come from…(may be in javascript) Failed to load resource: the server responded with a status of 404 (Not Found)
1) Can I disable loading “thumb” image? 2) Where can I set the first load delay? 3) Where can I set the delay time after each image being zoomed? 4) Can I add extra image after page load?
sorry for long waith but this day im full work, so i search the solution for you and answer
i have solve the problem myself, thanks.
ok
This is an impressive piece of work. The results can be very eye-catching, and certainly get the attention of the viewer. You can see my result at aircrewremembered.com
The developer was responsive and made every effort to help me get the result I wanted.
I would say that this solution is best suited to someone familiar enough with HTML, CSS and JavaScript to be able to strip out unwanted code and adjust parameters such as image paths and timing. It is unlikely to work for a specific user straight out of the box.
if you need the help need only to conract my and i help you thx
hi, so great! I would buy this slider but I wonder if I could integrate this slider in my index.html thanks
Hi ghost00 of course you can integrate it in your index it s easy if you have a problem contact my Thx
how i can put images in wordpress loop?
Sorry i need to see for wordpress, i m in holiday come back 6 octobre
Yes, images need to rotate one by one automatically.
but one by one whene you call for zoom
Yes, should zoom automatically. For example, if there are 5 images, image 1 should come up with the zoom, followed by 2, 3, 4 and 5. Then repeat 1 to 5 cycle.
Hi,
How do I do auto-rotation? I want to buy this now if we can do auto-rotation.
Thanks,
Jag
Hi, auto- rotation for what? you want photo rotation?
Ok….great. I know he does request you have to leave his name in the code. And as you didnt mention him in you description, I wanted to ask. And of course sharing any profit is always the right thing to do! But I am glad you contacted him. He does amazing work, and should get more credit and funds to support his work!
I hope you are giving some of the money to http://www.dhteumeuleu.com/ because this file is exactly from his website. And his copyright statement says you can’t sell it.
Sorry but you neet to read better and i speak with Gerard Ferrandez and the license its free and in any case this is a remodeling adaptable to sites responsive… First the write any question, please inquire best
only 3d slide works.
i will buy it if it auto generates the html for the slide from images in a folder so i don’t need to add it manually.
Ok in this moment work if you want see!!! Yes auto generate html, just add the link at image !! Thanks!!
add a link at image? i need a php script to generate the html link automatically. just upload photos to a folder, then the script auto generates the html and image links.
i don’t want to write any html code or links, i want to upload photos and refresh page. should be easy with some php code.
also, most of the time the preview thumbnails are not displaying, just grey boxes.
Hi images are added in this js code, where you can also add links.. after adding the name of your picture, you can update the images in the folder…. setTimeout(function () { m3D.init( [ { src: ‘photo1.jpg’, url: ’#’, title: ‘jump to random script’, color: ’#000’ }, { src: ‘photo2.jpg’, url: ’#’, title: ‘jump to random script’, color: ’#000’ }, { src: ‘photo3.jpg’ }, { src: ‘photo4.jpg’ }, { src: ‘photo5.jpg’ }, { src: ‘photo6.jpg’ }, { src: ‘photo7.jpg’ }, { src: ‘photo8.jpg’ }, { src: ‘photo9.jpg’ }, { src: ‘photo10.jpg’ }, { src: ‘photo11.jpg’, url: ’#’, title: ‘jump to random script’, color: ’#000’ }, { src: ‘photo6.jpg’ }, { src: ‘photo1.jpg’ }, { src: ‘photo5.jpg’ }, { src: ‘photo2.jpg’ }, { src: ‘photo16.jpg’ },
]
);
}, 500);
the gray box is desired, not charge all images
Well i was going to add the same great idea you get it working you got a sale
Ok in this moment work if you want see!!! Thanks
Preview does’nt work on Chrome and IE 10.
I know i wait new upload because problem from nevato i dont know why thanks for your information