codeoxygen
asked on
Curtain JS Effect !
Hi Experts,
I'm looking for create a Site in jquery effect like as sample site of http://www.filizaltinturk.com/.
In my site header and footer should be fixed possition, center part only need curtain js effect. I had attached in my sample Layout page..
Plz guide me, how create that jquery sliding effect?
curtain.png
I'm looking for create a Site in jquery effect like as sample site of http://www.filizaltinturk.com/.
In my site header and footer should be fixed possition, center part only need curtain js effect. I had attached in my sample Layout page..
Plz guide me, how create that jquery sliding effect?
curtain.png
Wow the link you posted is pure trash. It looks like it was written by a 10-year old.
The one Gary posted is professional and well written.
The filizaltinturk junk has 48 HTML validation errors including many that are structural.
The one Gary posted is clean with the exception of a couple of minor technical flaws.
I can never understand why someone would see crap like filizaltinturk and want to try and duplicate that garbage.
If you must do some Geewhiz nonsense then use what Gary post as a starting point.
Cd&
The one Gary posted is professional and well written.
The filizaltinturk junk has 48 HTML validation errors including many that are structural.
The one Gary posted is clean with the exception of a couple of minor technical flaws.
I can never understand why someone would see crap like filizaltinturk and want to try and duplicate that garbage.
If you must do some Geewhiz nonsense then use what Gary post as a starting point.
Cd&
You can google for curtain effect that would be much better you could develop it on your own then copying it from that site
ASKER
Thanks for reply to all.
I'm using this link code :http://effinroot.eiremedia.netdna-cdn.com/repo/plugins/menu-nav/curtain/index.html
I had attached in my code. In my layout using menu1, menu2, menu3, menu4 tabs.. i got a error of when clicking menu tabs, page one time goes correct position, another time not going well,,. what mistake i did? plz help me..
base.css
curtain.css
curtain.js
index.html
blizzard.png
eiffel-2.jpg
I'm using this link code :http://effinroot.eiremedia.netdna-cdn.com/repo/plugins/menu-nav/curtain/index.html
I had attached in my code. In my layout using menu1, menu2, menu3, menu4 tabs.. i got a error of when clicking menu tabs, page one time goes correct position, another time not going well,,. what mistake i did? plz help me..
base.css
curtain.css
curtain.js
index.html
blizzard.png
eiffel-2.jpg
i just removed the below div tag and it worked.
have not checked the js file to understand the relation ship between this <div> tag.
Hope your issue gets resolved by this
<div class="photos-inner">asas
<ul class="step-list">
<li class="step">
<img src="img/stepbystep/1.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/2.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/3.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/4.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/5.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/6.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/7.jpg" alt="">
</li>
<li class="step">
<img src="img/stepbystep/8.jpg" alt="">
</li>
</ul>
</div>
have not checked the js file to understand the relation ship between this <div> tag.
Hope your issue gets resolved by this
<div class="photos-inner">asas
<ul class="step-list">
<li class="step">
<img src="img/stepbystep/1.jpg"
</li>
<li class="step">
<img src="img/stepbystep/2.jpg"
</li>
<li class="step">
<img src="img/stepbystep/3.jpg"
</li>
<li class="step">
<img src="img/stepbystep/4.jpg"
</li>
<li class="step">
<img src="img/stepbystep/5.jpg"
</li>
<li class="step">
<img src="img/stepbystep/6.jpg"
</li>
<li class="step">
<img src="img/stepbystep/7.jpg"
</li>
<li class="step">
<img src="img/stepbystep/8.jpg"
</li>
</ul>
</div>
ASKER
I removed that div tag part, but i got same problem when clicking menu tabs..
You have missed class="curtain-links"
<li class="active link selected link-active"><a href="#section-1" class="curtain-links">Menu 1</a></li>
<li class="link"><a href="#section-2" class="curtain-links">Menu 2</a></li>
<li class="link"><a href="#section-3" class="curtain-links">Menu 3</a></li>
<li class="link"><a href="#section-4" class="curtain-links">Menu 4</a></li>
<li class="active link selected link-active"><a href="#section-1" class="curtain-links">Menu
<li class="link"><a href="#section-2" class="curtain-links">Menu
<li class="link"><a href="#section-3" class="curtain-links">Menu
<li class="link"><a href="#section-4" class="curtain-links">Menu
ASKER
i inserted that (curtain-links), but i got a same prb..
Menu links going correctly section# id wise.. but one time working, another time not working... this type of error i have getting in my code.
Menu links going correctly section# id wise.. but one time working, another time not working... this type of error i have getting in my code.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Working good, really great !
You give all the points and accepted answer to someone who's first suggestion was search Google and then has just copied the code from the link and changed the content.
i hope @GaryC123 client had got the solution for the problem he had been facing.
He had downloaded fresh curtain js pack and had tried to integrate it, but he failed to do so.
And i had helped him to integrate it.
If you could please check the code what has been pasted.
I had even provided him the reason why even the copy pasted code which he had tried failed.
Answer does not rely only on the copy pasted code, but it rely how & where you had pasted it. Please check my previous comments where i had clearly mention the section the author had skipped to paste.
He had downloaded fresh curtain js pack and had tried to integrate it, but he failed to do so.
And i had helped him to integrate it.
If you could please check the code what has been pasted.
I had even provided him the reason why even the copy pasted code which he had tried failed.
Answer does not rely only on the copy pasted code, but it rely how & where you had pasted it. Please check my previous comments where i had clearly mention the section the author had skipped to paste.
Honestly, that is an awful effect. It's really annoying and doesn't work smoothly.
I could probably write a script that is a little smoother, but I would urge you to reconsider.
:)
Koza.