Προς το περιεχόμενο

Εφέ Φωτογραφίας - Wordpress

jmallen3

Από τον jmallen3
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

jmallen3 Experienced

jmallen3

Δημοσ.
Δημοσ.

Φτιάχνω ένα site σε wordpress και θα ηθελα σε μια σελιδα οπου θα εχω καποιες φωτογραφιες οι οποιες θα ειναι ασπρομαυρες οταν θα πηγαινει κανεις με το ποντικι επανω στη φωτογραφια να εμφανιζεται η εγχρωμη που θα εχω φτιαξει εγω. θελω κατι τετοιο δηλαδη οπως ειναι εδω: http://www.deltarchi.com/

Μπορείτε να μου πείτε πως μπορω να το κάνω?

jmallen3 Experienced

jmallen3

Δημοσ.
  • Μέλος
Δημοσ.

chrome χρησιμοποιω και το κοιταω τωρα. η σελιδα που μου εδωσες και εχει τις αλλαγες, τις κανω σε ποιο αρχειο? στο αρχειο της σελιδας που θελω? γινεται μεσα απο το wordpress panel η πρεπει απο το panel του hosting? και που τοποθετω τις αλλαγες αυτες?

Lucky Luke Newbie

Lucky Luke

Δημοσ.
Δημοσ.

Θα πρέπει να πειράξεις τον κώδικα (κάποιο από τα php αρχεία που βρίσκονται μέσα στο φάκελο του theme που χρησιμοποιείς). Δε γίνεται μέσα από κάποιο από τα panel που ανέφερες αυτή η δουλειά.

 

Το πιθανότερο είναι να πρέπει να πειραχθεί το index.php (και να προσθέσεις και την javascript function που θα κάνει τη δουλειά μεταξύ των <head> και </head> στο header.php) αλλά δε μπορώ να πω με σιγουριά έτσι, χωρίς τον κώδικα. :)

  • 2 εβδομάδες αργότερα...
jmallen3 Experienced

jmallen3

Δημοσ.
  • Μέλος
Δημοσ.

θα μπορουσατε να με βοηθησετε παιδια να καταφερω να το κανω αυτο που θελω γιατι μεχρι ωρας δεν τα εχω καταφερει... αν χρειαζεστε να σας δωσω καποιο κομματι απο τον κωδικα πειτε ωστε να καταλαβετε πως ειναι. ευχαριστω προκαταβολικα

thanasis00 Crazy Insomniac

thanasis00

Δημοσ.
Δημοσ.

θα βρεις το <head> και θα βάλεις μέσα (ακριβώς πριν κλείσει το </head> δηλαδή) τον εξής κώδικα:

>

<script type = "text/javascript">
function changeImage(id,img){
	document.getElementById(id).src = img;
}

function restoreImage(id,img){
	document.getElementById(id).src = img;
}
</script>

 

μετά, έστω ότι έχεις τον εξής κώδικα στο <body>:

 

>

<img src="image1_bw.jpg" />
<img src="image2_bw.jpg" />

 

 

θα προσθέσεις σε κάθε εικόνα που θες να αλλάζει αυτό:

 

 

>

<img src = "image1_bw.jpg" id = "img1" onmouseover = "changeImage('img1','image1.jpg')" onmouseout = "restoreImage('img1','image1_bw.jpg')" />
<img src = "image2_bw.jpg" id = "img2" onmouseover = "changeImage('img2','image2.jpg')" onmouseout = "restoreImage('img2','image2_bw.jpg')" />

 

βάσει όσων έγραψα, θα καταφέρεις λογικά να υλοποιήσεις αυτό που χρειάζεσαι

jmallen3 Experienced

jmallen3

Δημοσ.
  • Μέλος
Δημοσ.

με αυτα που μου εγραψε ο thanasis00 δεν καταφερω παλι να το κανω καθως δεν βρισκω τα <head> και body μεσα στη σελιδα που θελω να το κανω και με οσα μου ειπε και ο φιλος warlock9_0 παλι δεν καταλαβα πως να το κανω. να σας δωσω περισσσοτερες πληροφοριες για να καταλαβετε και εσεις καλυτερα.το θεμα που εχω βαλει στο site που φτιαχνω εχει στην αρχικη σελιδα (home.php) σαν προκαθαρισμενο να δειχνει ενα slider με εικονες που βαζω εγω μεσα απο το μενου του θεματος στη δειαχειριση του wordpress. ο κώδικας του home.php ειναι αυτός:

 

><?php get_header(); ?>

<?php

$cust_sliderimgs_array = get_option('arc_homepage_slider_photos');

//Explode images URL
$cust_sliderimgs = explode("\n", $cust_sliderimgs_array);

?>

<?php if(!empty($cust_sliderimgs_array)){ ?>
<!-- Slider Script -->
<script type="text/javascript">

function showarrows(){
	$('.nivo-directionNav').show();
}

function hidearrows(){
	$('.nivo-directionNav').hide();
}

$(window).load(function() {
	$('#slider1').nivoSlider({
		effect: '<?php echo get_option('arc_homepage_slider_effect'); ?>', // Specify sets like: fold,fade,sliceDown
		slices: 15, // For slice animations
		animSpeed: 1000, // Slide transition speed
		pauseTime: <?php echo get_option('arc_homepage_slider_speed'); ?>, // How long each slide will show
		startSlide: 0, // Set starting Slide (0 index)
		directionNav: <?php echo get_option('arc_homepage_slider_directionnav'); ?>, // Next & Prev navigation
		directionNavHide: true, // Only show on hover
		controlNav: <?php echo get_option('arc_homepage_slider_controlnav'); ?>, // 1,2,3... navigation
		controlNavThumbs: false, // Use thumbnails for Control Nav
		controlNavThumbsFromRel: false, // Use image rel for thumbs
		keyboardNav: true, // Use left & right arrows
		pauseOnHover: true, // Stop animation while hovering
		manualAdvance: false, // Force manual transitions
		captionOpacity: false, // Universal caption opacity
		prevText: false, // Prev directionNav text
		nextText: false, // Next directionNav text
	});
});
</script>
<?php } ?>

<!-- start Content Home -->				
<div class="content">

<div class="slideimg">
<div class="slideprojects theme-default">
	<!-- SLIDER IMAGES -->
	<?php if(!empty($cust_sliderimgs_array)){ ?>
	<div id="slider1" class="nivoSlider">
		<?php for($i=0; $i<count($cust_sliderimgs); $i++){ 
						if($i < count($cust_sliderimgs) - 1)
							$cust_src = substr($cust_sliderimgs[$i], 0, -1);
						else
							$cust_src = $cust_sliderimgs[$i];
		?>
		<img alt="" src="<?php echo $cust_src; ?>" style="opacity: 1; filter:alpha(opacity=100);" />


		<?php } ?>
	</div>
	<?php } ?>
</div>

<!-- Page Content -->
<div style="position:absolute; left: 30px; margin-top: 25px;" class="main_content" onmouseenter="showarrows();" onmouseover="showarrows();" onmouseleave="hidearrows();" onmouseout="hidearrows();">
	<div class="slogan">
			<?php
				$slogan1 = get_option('arc_homepage_slogan_text1');
				if(!empty($slogan1)){
			?>
			<div class="slogan1">
						<p><span><?php echo $slogan1; ?></span></p>
					</div>
			<?php } ?>
					
			<?php
				$slogan2 = get_option('arc_homepage_slogan_text2');
				if(!empty($slogan2)){
			?>
					<div class="slogan2">
						<p><span><?php echo $slogan2; ?></span></p>
					</div>
				<?php } ?>	
					
				</div>
</div>
</div>
<input type="hidden" id="is_homepage" value="yes"/>
	<div class="hidecorner"></div>
	
	</div>	
</div>	
</div>

<?php get_footer(); ?>

 

 

 

 

θα ηθελα να φενονται 6 εικονες στην αρχικη σελιδα εγω σε που να καλυπτουν το πλαισιο της σελιδας και οταν θα πηγαινει το ποντικι επανω να φενονται οι εγχρωμες. το θεμα που χρησιμοποιω μπορειτε να το δειτε εδω και να καταλαβετε πως ειναι και η αρχικη σελιδα: http://designarethemes.com/themes/wp-architec/

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...