PC Enthusiast-Fi (PC Gaming/Hardware/Software/Overclocking)
Mar 27, 2016 at 6:47 AM Post #8,941 of 9,120
Guys, does anybody here know CSS and Javascript?

I'm trying to make a navigation bar like this one on Revlon's website; http://www.revlon.com/ (the pictures with text which you can click on the bottom of the page). The most important part of this is that when I click or mouse-over any of the items it doesn't redirect you to a different page, it just changes the content, like a slideshow. Anybody know how this is called? And can anyone help me out a little, please?
biggrin.gif

 
Why would you want to redirect to another page instead of changing content? I don't think it's possible to change page when hovering, but it is possible to change content. 
 
Mar 27, 2016 at 8:36 AM Post #8,942 of 9,120
Guys, does anybody here know CSS and Javascript?

I'm trying to make a navigation bar like this one on Revlon's website; http://www.revlon.com/ (the pictures with text which you can click on the bottom of the page). The most important part of this is that when I click or mouse-over any of the items it doesn't redirect you to a different page, it just changes the content, like a slideshow. Anybody know how this is called? And can anyone help me out a little, please?
biggrin.gif

 
I'm only a beginner at coding, but it doesn't take much to tell that pretty much the entire page is in JS/JQuery... as per industry standard (you already know when you see a parallax effect on there). 
blink.gif

 
Even the very top menu has hidden sub-elements that uses an 'active' class modifier to reveal them on 'click'/'mousedown'.
Here's some basic code if you were wondering on how to do that... 
http://stackoverflow.com/questions/21111946/how-to-add-class-active-on-specific-li-on-user-click-with-jquery
 
 
The Slideshow you mentioned is more characteristically referred to as a Carousel, or a Gallery. According to the code of that Revlon site you linked, it seems to use a modified JQuery plugin called Cycle for the carousel. (http://jquery.malsup.com/cycle2/)
 
Building your own from scratch really takes some advanced knowledge... much beyond me at least. 
biggrin.gif
 And there are many possible ways to do it depending on your needs. But I would start by utilizing the many free plugins and templates/presets available online if you want these fancy advanced features that require JS. As you familiarize yourself and move on, you can tweak these plugins to your needs. 
wink.gif
 
 
Another good source for these things: http://www.jssor.com/
 
Mar 31, 2016 at 3:40 PM Post #8,943 of 9,120
Guys, does anybody here know CSS and Javascript?


I'm trying to make a navigation bar like this one on Revlon's website; http://www.revlon.com/ (the pictures with text which you can click on the bottom of the page). The most important part of this is that when I click or mouse-over any of the items it doesn't redirect you to a different page, it just changes the content, like a slideshow. Anybody know how this is called? And can anyone help me out a little, please? :D


I'm only a beginner at coding, but it doesn't take much to tell that pretty much the entire page is in JS/JQuery... as per industry standard (you already know when you see a parallax effect on there). :blink:

Even the very top menu has hidden sub-elements that uses an 'active' class modifier to reveal them on 'click'/'mousedown'.
Here's some basic code if you were wondering on how to do that... 
http://stackoverflow.com/questions/21111946/how-to-add-class-active-on-specific-li-on-user-click-with-jquery


The Slideshow you mentioned is more characteristically referred to as a Carousel, or a Gallery. According to the code of that Revlon site you linked, it seems to use a modified JQuery plugin called Cycle for the carousel. (http://jquery.malsup.com/cycle2/)

Building your own from scratch really takes some advanced knowledge... muchbeyond me at least. :D  And there are many possible ways to do it depending on your needs. But I would start by utilizing the many free plugins and templates/presets available online if you want these fancy advanced features that require JS. As you familiarize yourself and move on, you can tweak these plugins to your needs. :wink:  

Another good source for these things: http://www.jssor.com/


Thanks a lot!
 
May 1, 2016 at 2:40 AM Post #8,945 of 9,120
To those who have a triple monitor setup; how are they connected up? My middle monitor is DisplayPort while my two side monitors are DVI. When I have Eyefinity set up, the middle monitor connected via DP experiences screen tearing, even though V-sync and all that are turned on. If I switch the cables around with one of the side monitors, then that tears. I've read that it can be solved by connecting all three monitors via DP, but my card only has one DP out. Is there another way of fixing it?
 
Edit: here's a video:
 
 
 
It doesn't seem very apparent in the video but in person it's quite obvious and a bit annoying. I could just connect the DP to a side monitor but that's not a real solution.
 
May 1, 2016 at 11:55 AM Post #8,946 of 9,120
Hey, cool setup! 
biggrin.gif

 
Personally, I run dual monitors and sometimes throw in my spare third when I don't need my digital piano on my desk, but yeah Eyefinity was designed to be run from Displayport, and using different interfaces may cause such problems that are specifically driver related. On the other hand though, I wouldn't be surprised if the screen tearing issues only happen in some games since compatibility is not universally equal across everything.
 
Obviously, some aftermarket cards are designed with 3-monitor Eyefinity in mind and provide 3 DVI ports, and AMD's FirePro's might have up to 6 mini Displayports.
 
The problem is, if you want your 3 monitors to all connect to a single Displayport, you'll need to get something called a Displayport MST Hub which is an active adapter (NOT PASSIVE ADAPTER/SPLITTER/DONGLE) that needs to be powered and cost you something like $50-$100. 
frown.gif

 
If the screen tearing is that much of an issue to be able to justify this cost, then go for it. But I would just switch the screen tearing Displayport monitor to the left or right side, opposite to your dominant eye.
 
May 2, 2016 at 11:32 PM Post #8,947 of 9,120
Hey, cool setup! :D

Personally, I run dual monitors and sometimes throw in my spare third when I don't need my digital piano on my desk, but yeah Eyefinity was designed to be run from Displayport, and using different interfaces may cause such problems that are specifically driver related. On the other hand though, I wouldn't be surprised if the screen tearing issues only happen in some games since compatibility is not universally equal across everything.

Obviously, some aftermarket cards are designed with 3-monitor Eyefinity in mind and provide 3 DVI ports, and AMD's FirePro's might have up to 6 mini Displayports.

The problem is, if you want your 3 monitors to all connect to a single Displayport, you'll need to get something called a Displayport MST Hub which is an active adapter (NOT PASSIVE ADAPTER/SPLITTER/DONGLE) that needs to be powered and cost you something like $50-$100. :frowning2:

If the screen tearing is that much of an issue to be able to justify this cost, then go for it. But I would just switch the screen tearing Displayport monitor to the left or right side, opposite to your dominant eye.
Thanks for the advice! I wish I had known about the tearing before getting my active DP to single DVI port adapter. I think I'll just deal with it for now and connect the leftmost monitor to DP. Who knows; there might be a driver fix in the works.
 
May 5, 2016 at 5:04 PM Post #8,949 of 9,120
  And Pascal is a let down. 
 
http://videocardz.com/59558/nvidia-geforce-gtx-1080-3dmark-benchmarks

 
If that's true and it's not HBM, then the scores seem in-line until you think about the die-shrink. The new card should be able to have a bit higher GPU clock or use a lot less power.
 
May 5, 2016 at 10:31 PM Post #8,950 of 9,120
It's not very surprising considering that it was known for awhile that HBM2 is only reserved for the next Titan and Quadro/Tesla P100 flagships. 
tongue_smile.gif

 
Keep in mind that those benchmarks are unconfirmed and since Pascal runs higher clocks and significantly higher boost clocks to begin with, they will still overclock more to surpass last generation's overclocked performance.
 
Besides, It would be unfair to compare an unsustainable and impractically liquid-nitrogen-cooled GTX 980TI to a stock GTX 1080 like the article you linked does..
 
 
From this (http://wccftech.com/geforce-gtx-1080-gtx-1070-launching-6th-may-market-june/) we already know the GTX 1080 will be using GDDR5X and the GTX 1070 using regular GDDR5.
 
The official announcement from NVIDIA will be tomorrow (May 6). You can watch their stream at 6PM Pacific Standard Time at twitch.tv/Nvidia for their reveal on the actual details of the next consumer Pascal graphics cards 
biggrin.gif
 
 
May 6, 2016 at 8:10 AM Post #8,951 of 9,120
  It's not very surprising considering that it was known for awhile that HBM2 is only reserved for the next Titan and Quadro/Tesla P100 flagships. 
tongue_smile.gif

 
Keep in mind that those benchmarks are unconfirmed and since Pascal runs higher clocks and significantly higher boost clocks to begin with, they will still overclock more to surpass last generation's overclocked performance.
 
Besides, It would be unfair to compare an unsustainable and impractically liquid-nitrogen-cooled GTX 980TI to a stock GTX 1080 like the article you linked does..
 
 
From this (http://wccftech.com/geforce-gtx-1080-gtx-1070-launching-6th-may-market-june/) we already know the GTX 1080 will be using GDDR5X and the GTX 1070 using regular GDDR5.
 
The official announcement from NVIDIA will be tomorrow (May 6). You can watch their stream at 6PM Pacific Standard Time at twitch.tv/Nvidia for their reveal on the actual details of the next consumer Pascal graphics cards 
biggrin.gif
 

 
 
But... They promised 10X the Maxwell performance.
 
...It does not reach up to 1.5X regardless of OC or not. 
 
May 6, 2016 at 11:13 AM Post #8,952 of 9,120
Yes they did say that, but they also said the 10x perfomance was on their Flagship Pascal HBM2-equipped cards only (not consumer Geforce series). They meant cards like the Tesla P100 and only on compute workloads (not games). But I don't blame you, nobody reads the fine print anyways... 
frown.gif

 
Some reputable websites speculated that the gaming performance of Pascal HBM2 Flagships would only translate to nearly 2X of Maxwell.
 
May 6, 2016 at 12:04 PM Post #8,953 of 9,120
  Yes they did say that, but they also said the 10x perfomance was on their Flagship Pascal HBM2-equipped cards only (not consumer Geforce series). They meant cards like the Tesla P100 and only on compute workloads (not games). But I don't blame you, nobody reads the fine print anyways... 
frown.gif

 
Some reputable websites speculated that the gaming performance of Pascal HBM2 Flagships would only translate to nearly 2X of Maxwell.

Welcome to Nvidia where they endlessly quote "5X of XX" for Tegra generations as well. Utter bull.
 
May 6, 2016 at 5:48 PM Post #8,955 of 9,120
  At least I can safely buy my Clevo P870 with desktop GTX980, as probably 1080M is not going to surpass it. 
 
And AMD is not better either. I cannot think of how many crashes or bad images, or glitches I had with them too. 

Not happening.
 
Wut? I've been on AMD for ages now and if anything, Nvidia is the one I'm having driver troubles with. I did have Nvidias but I had driver troubles nonetheless.
 

Users who are viewing this thread

Back
Top