Reply to Hansolgo's question on TF

[Johnny]

1. list-portfolio-1_1.html add mouseover effect
copy these code replace all li tag:

<li style="height: 400px; width: 400px; position: absolute; left: 0px; top: 0px; -webkit-transform: translate(10px, 0px);" class="item da-thumbs  imageblock haslink gui masonry portfolio container isotope-item">
                        <div class="gallery_wrap card">
                            <div class="front face" style="overflow:hidden;">
                                <img class="thumb" alt="GalleryPost demo 12" src="./img/demo/demo400x400.jpg">
                            </div>
                            <div class="back face">
                                <div class="thumb_info_wrap">
                                    <h2><a href="./content-gallery-post.html" title="GalleryPost demo 12" style="cursor: pointer;">GalleryPost demo 12</a></h2>
                                    <ul class="hover_thumb_wrap">
                                        <li class="hover_thumb_unit">
                                            <a href="./img/demo/demo612x612.jpg" title="GalleryPost demo 12" class="imgwrap"  data-rel="prettyPhoto[177]" style="cursor: pointer;"><img width="50" height="50" src="./img/demo/demo50x50.jpg" class="attachment-50x50" alt="IMG_1880"></a>
                                        </li>
                                        <li class="hover_thumb_unit">
                                            <a href="./img/demo/demo612x612.jpg" title="GalleryPost demo 12" class="imgwrap"  data-rel="prettyPhoto[177]" style="cursor: pointer;"><img width="50" height="50" src="./img/demo/demo50x50.jpg" class="attachment-50x50" alt="IMG_1805"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End gallery_wrap  -->
                    </li>

2. change duration
open css/style.flip.css, find all 0.6s change to what value you want.

Thanks

[Johnny]

hi, for ‘have images listed instead of a gallery’, please replace single-wrap div with this:

<div id="single-wrap">
			<ul class="image-wrap">
							<li>
					<img src="path/to/someimage.jpg" alt="a">
				</li>
								<li>
					<img src="path/to/someimage.jpg" alt="b">
				</li>
							</ul>
			</div>

good luck

[Author]

Posts