Sneak Preview of a PARALLAX template

Adendum · Post by **Adendum** » Fri Feb 21, 2014 2:27 pm

haakoo wrote:Maybe jQuery works instead of object use a #div

Hey Haakoo,

Not sure how this helps. Using the object statement works very well - it's like using an iFrame I guess but embeds the content from one page into another with none of the disadvantages of using an iFrame. So I'm happy with the object call.

The problem is only if/when one of the pages like section-2.html is opened in a browser manually or via search engine results.

haakoo · Post by **haakoo** » Fri Feb 21, 2014 2:32 pm

haakoo · Post by **haakoo** » Fri Feb 21, 2014 2:36 pm

Calling a div instead of object is actually the same approach without the iframe usage
So you could use a wb layer as target for the external html page

Hans

Adendum · Post by **Adendum** » Fri Feb 21, 2014 3:00 pm

Haakoo,

You are on to something here.

I am making manual edits to the page section-2.html and index.html as a test. I am still using the object embed but have added the top.location script into the <head> of section-2.html

Code: Select all

<script>top.location.href ='./index.html#section-2'; </script>

and I added a bookmark (maybe not needed) to the index page in section 2 e.g.

Code: Select all

	<article id="section-two">
	<a id="section-2">&nbsp;</a>
			<object width="1000" height="550" data="./section-2.html" type="text/html"></object>
			<nav class="next-prev">
			<a class="prev section-one" href="#section-one">Prev</a>
			<a class="next section-three" href="#section-three">Next</a>
			</nav>
	</article>

And it kinda works...if you try an open the section-2 page manually ( http://www.aditerum.co.uk/templates/T9/section-2.html ) you do go to the index page and straight to that section - which is great. But look at the url. Now try an open just the index page - it defaults to the section-2 bookmark. So when I add in the same coding for the other 4 pages I suspect the index page will go mental.

Adendum · Post by **Adendum** » Fri Feb 21, 2014 3:13 pm

Yup - it went mental.

Have removed the top.locations and book marks, so it's back to normal.

Adendum · Post by **Adendum** » Tue Feb 25, 2014 8:31 am

Almost done now.

Abandoned the object embedding as it gave zero results in a spider crawl. So this development version has had a total re-write and uses php includes to pull in standard WWB pages. Just some fine tuning for the styling and further testing and then I can write up some instructions, create a proper demo and release it into the wild.

rivieremagog · Post by **rivieremagog** » Tue Feb 25, 2014 6:57 pm

Just a question regarding this Parallax template,
Will we de able to get the menu section on top and describe each section instead of the black square on the right ?

Adendum · Post by **Adendum** » Tue Feb 25, 2014 7:06 pm

The navigation menu will always be positioned on the right, there are 16 colours and 2 shapes to use, or you can hide the navigation. When you hover over the navigation there is a flyout that contains a customisable label. You will be able to add a standard WWB menu in the page or the header.

Be aware that I am using this folder as a development platform. So what you see now will very likely change in 10 minutes!!! And I am still modifying a variety of elements to make it simple to use.

Adendum · Post by **Adendum** » Tue Feb 25, 2014 7:32 pm

Adendum wrote:You will be able to add a standard WWB menu in the page or the header.

Actually you wont. You can add any menu you want to but you lose the smooth scrolling and parallax effect, so it would be pretty pointless. Try the internal links I set up to test. There is one in the first section that takes you to the 5th section and another in the 5th section that takes you back to the second section. That is how a standard nav menu would work as they would not have the CSS and jQuery applied to them that gives the smooth scrolling and parallax features.

rivieremagog · Post by **rivieremagog** » Tue Feb 25, 2014 8:08 pm

Ok I understand...
But looking at your Demo, I figure if I place a shortcut like you did for page 5 and 2, but for all section of my web sites on the top ... It would roughly act as a menu and I would keep the PARALLAX mode

Adendum · Post by **Adendum** » Tue Feb 25, 2014 8:19 pm

No. Any LINKS will JUMP to the linked anchor, so no smooth scroll or parallax effect.

Why are you wanting a different navigation method - expand on your needs so I can respond better.

rivieremagog · Post by **rivieremagog** » Tue Feb 25, 2014 8:38 pm

Adendum wrote:No. Any LINKS will JUMP to the linked anchor, so no smooth scroll or parallax effect.

Why are you wanting a different navigation method - expand on your needs so I can respond better.

Do not really NEED it,
it is just that I loved the way parralax (or the one I showed before in the other post ) Smootly change from one section to the others and still I wanted to keep the Old top menu for some "particular" members of the group that are used to that menu

Adendum · Post by **Adendum** » Tue Feb 25, 2014 8:50 pm

Remind me of the URL so I can see what that does. No promises though.

rivieremagog · Post by **rivieremagog** » Tue Feb 25, 2014 9:20 pm

Mine it is just a simple menu , it does not have to be Exactly the same I just wanted to keep a top menu and have the slide page like this one
http://dadacommunications.com/

mine is not the same I just used one of the menu in Wysiwyg
associatinrivièremagog.org,

zinc · Post by **zinc** » Wed Feb 26, 2014 10:28 am

rivieremagog wrote:Mine it is just a simple menu , it does not have to be Exactly the same I just wanted to keep a top menu and have the slide page like this one
http://dadacommunications.com/

mine is not the same I just used one of the menu in Wysiwyg
associatinrivièremagog.org,

The dada site is not a true parallax like what paul has created. You can do this with Paul's Backstretch extension and RZ's PAO.

Have a look at these sites that I have made:

http://bit.ly/1hp0jQn
http://bit.ly/1kf9aBt

You will see that Paul's upcoming template is a true parallax in the senese that everything moves.

www.wysiwygwebbuilder.com

Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Re: Sneak Preview of a PARALLAX template

Who is online