This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div className="hovs-banner" id="hovs-banner"> | |
{state && | |
state.nodes && | |
state.nodes.map((x, i) => { | |
return ( | |
<div key={i} className="hovs-main"> | |
<div | |
id={"hovs-main-scroll-comp-" + i.toString()} | |
onMouseEnter={() => handleMouseEnter(i)} | |
> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Param | Type | Description | |
---|---|---|---|
nodes | Array of HTML Elements | Array of the Base Components (Movie Images). Simple div elements are created with their content as index + 1 | |
hover_nodes | Array of HTML Elements | Array of the Hover components corresponding to the Base components | |
scroll_by | Integer | Scroll left or right by <scroll_by>px | |
hover_pos_x | Integer | Adjust the x position of Hover component | |
hover_pos_y | Integer | Adjust the y position of Hover component | |
width | Integer(%|px) | Width of the MainDiv component |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Main Div Component */ | |
const MovieComp = () => { | |
return <div className="hovs-main"></div> | |
} |