Accueil > Forum > > > > probleme de redimmension d'image avec s3slider.js
 probleme de redimmension d'image avec s3slider.js
vendredi 1 octobre 2010 à 02:35:33 |
probleme de redimmension d'image avec s3slider.js
Redesign038
|
Bonjour j'ai mon blog qui est en pleine construction et j'ai choisi un theme qui a diaporama avec affichage d'article sur ma page d'accueil!
Mon probleme est lorsque j'ecrit un article avec une image elle ne se redimmensionne pas automatiquement sur mon diaporama!
J'ai essayer de modifier le css du script mais rien n'y fait impossible de le faire!
Je suis debutant et ce probleme me depasse!
est ce que quelqu'un peut m'aidait!svp
voici une image de mon blog
mon blog c'est www.redesignstyle.com
Merci |
|
vendredi 1 octobre 2010 à 09:58:50 |
Re : probleme de redimmension d'image avec s3slider.js
syndrael
|
.js = Javascript.
As-tu posé la question sur le forum Javascript ? Non..
S.
|
|
samedi 2 octobre 2010 à 05:45:20 |
Re : probleme de redimmension d'image avec s3slider.js
|
dimanche 3 octobre 2010 à 06:46:09 |
Re : probleme de redimmension d'image avec s3slider.js
DiabloBros
|
il suffit de créé une classe Css , pour cela , mettre un . (point) devant le nom dans le style , et on l'appel avec class="ResizeImage" dans les option de l'image directement ^^
Code HTML :
<html>
<head>
<title>Resize d'image en class Css</title>
<style type="text/css">
<!--
.ResizeImage {
clear: none;
float: none;
height: 200px;
width: 300px;
}
-->
</style></head>
<body>
<p>
Original
<img src="http://img687.imageshack.us/img687/6582/signaturephotoforum.jpg" width="64" height="45" />
<img src="http://img101.imageshack.us/img101/5430/demonictutorwz6.jpg" />
</p>
<p>
Modifié
<img src="http://img687.imageshack.us/img687/6582/signaturephotoforum.jpg" width="64" height="45" class="ResizeImage"/>
<img src="http://img101.imageshack.us/img101/5430/demonictutorwz6.jpg" class="ResizeImage" />
<p>
</body>
</html>
DiabloBros Was Here...
|
|
dimanche 3 octobre 2010 à 11:18:37 |
Re : probleme de redimmension d'image avec s3slider.js
Redesign038
|
Je pense que sa ne marche pas!
Voici s3slider.css
Code PHP : #s3slider {
width: 660px; /* important to be same as image width */
height: 283px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
background: #000 none;
}
#s3sliderContent {
width: 660px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
width: 660px;
height: 283px;
}
.s3sliderImage span {
position: absolute; /* important */
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
right: 0; bottom: 0;
width: 90px !important;
height: 313px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
}
.s3sliderImage span a, .s3sliderImage span a:visited {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #fff; text-decoration: none;
}
.clear {
clear: both;
} et voici ma function.php
Code PHP : <?php
define('PADD_THEME_NAME','Matino');
define('PADD_THEME_VERS','1.0');
define('PADD_THEME_SLUG','matino');
define('PADD_GALL_THUMB_W',660);
define('PADD_GALL_THUMB_H',283);
define('PADD_HOME_THUMB_W',115);
define('PADD_HOME_THUMB_H',115);
define('PADD_THEME_PATH',get_theme_root() . DIRECTORY_SEPARATOR . PADD_THEME_SLUG);
define('PADD_FUNCT_PATH',PADD_THEME_PATH . DIRECTORY_SEPARATOR . 'functions' . DIRECTORY_SEPARATOR);
automatic_feed_links();
remove_action('wp_head','wp_generator');
remove_action('wp_print_styles','pagenavi_stylesheets');
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div id="%1$s" class="box %2$s">',
'after_widget' => '</div></div></div>',
'before_title' => '<h2>',
'after_title' => '</h2><div class="box-interior"><div class="box-interior-wrapper">',
));
}
require PADD_FUNCT_PATH . 'library.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'socialnetwork.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'advertisement.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'widgets.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'input' . DIRECTORY_SEPARATOR . 'input-option.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'input' . DIRECTORY_SEPARATOR . 'input-socialnetwork.php';
require PADD_FUNCT_PATH . 'classes' . DIRECTORY_SEPARATOR . 'input' . DIRECTORY_SEPARATOR . 'input-advertisement.php';
require PADD_FUNCT_PATH . 'defaults.php';
require PADD_FUNCT_PATH . 'administration' . DIRECTORY_SEPARATOR . 'functions.php';
/********************************************/
/**** Functions used for hooking filters ****/
/********************************************/
/**
* Alters the rendering of the list of pages.
*
* @param string $string
* @return string
*/
function padd_theme_alter_list_pages($string) {
$string = str_replace(array("\n","\r","\t"),'', $string);
$pattern = array('/<ul[^<>]*>/','/<\/ul[^<>]*>/');
$replace = array('','');
$string = preg_replace($pattern,$replace,$string);
$pattern = array('/<a[^<>]*>/','/<\/a[^<>]*>/');
$replace = array('$0<span><span>','</span></span>$0');
$string = preg_replace($pattern,$replace,$string);
$string = str_replace(array('</a><li','</li></li>'),array('</a></li><li','</li>'),$string);
return $string;
}
/**
* Alters the rendering of the main navigation menu.
*
* @param string $string
* @return string
*/
function padd_theme_alter_page_menu($string) {
$string = padd_theme_alter_list_pages($string);
$pattern = array('/<div[^<>]*>/','/<\/div[^<>]*>/');
$replace = array('','');
$string = preg_replace($pattern,$replace,$string);
$pattern = array('/<a[^<>]*>/','/<\/a[^<>]*>/');
$replace = array('$0<span class="l"><span class="r"><span class="c">','</span></span></span>$0');
$string = preg_replace($pattern,$replace,$string);
return $string;
}
/**
* Alters the rendering of the link by wrapping the HTML tag.
*
* @param string $string
* @return string
*/
function padd_theme_alter_links($string) {
$pattern = array('/<a[^<>]*>/','/<\/a[^<>]*>/');
$replace = array('<span><span>$0','$0</span></span>');
$string = preg_replace($pattern,$replace,$string);
return $string;
}
/***********************************************/
/**** Add filters when necessary **************/
/***********************************************/
//add_filter('wp_list_pages','padd_theme_alter_links');
//add_filter('wp_list_categories','padd_theme_alter_links');
//add_filter('wp_list_bookmarks','padd_theme_alter_links');
//add_filter('get_archives_link','padd_theme_alter_links');
/***********************************************/
/**** Functions used for modifying the look ****/
/***********************************************/
/**
* Displays the main navigation menu.
*/
function padd_theme_page_menu() {
add_filter('wp_page_menu','padd_theme_alter_page_menu');
echo '<ul>';
wp_page_menu('show_home=1&title_li=');
echo '</ul>';
remove_filter('wp_page_menu','padd_theme_alter_page_menu');
}
/**
* Hides the popularity contenst.
*
* @global <type> $akpc
* @global <type> $post
* @param string $str
* @return string
*/
function padd_theme_cleanup($str) {
global $akpc, $post;
$show = true;
$show = apply_filters('akpc_display_popularity', $show, $post);
if (is_feed() || is_admin_page() || get_post_meta($post->ID, 'hide_popularity', true) || !$show) {
return $str;
}
return $str.'';
}
/**
* Renders the list of bookmarks.
*/
function padd_theme_list_bookmarks() {
$array = array();
$array[] = 'category_before=';
$array[] = 'category_after=';
$array[] = 'categorize=0';
$array[] = 'title_li=';
wp_list_bookmarks(implode('&',$array));
}
/**
* Function to render the list of comments.
*
* @param string $comment
* @param string $args
* @param string $depth
*/
function padd_theme_list_comments($comment, $args, $depth) {
$GLOBALS['comment'] = $comment; ?>
<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">
<div class="comment" id="comment-<?php comment_ID(); ?>">
<div class="comment-details">
<div class="comment-author">
<div class="comment-avatar"><?php echo get_avatar($comment,'53'); ?></div>
<span class="author"><?php echo get_comment_author_link(); ?></span>
<span class="time"><?php echo get_comment_date('M j, Y'); ?></span>
<?php edit_comment_link(__('Edit Comment'),'<span class="edit">','</span>') ?>
</div>
<div class="comment-details-interior">
<div class="tb"></div>
<div class="comment-details-interior-wrapper">
<?php comment_text(); ?>
<?php if ($comment->comment_approved == '0') : ?>
<p class="comment-notice"><?php _e('My comment is awaiting moderation.') ?></p>
<?php endif; ?>
</div>
<div class="tb"></div>
</div>
<div class="clearer"></div>
</div>
</div>
<?php
}
/**
* Function to render the list of trackbacks.
*
* @param string $comment
* @param string $args
* @param string $depth
*/
function padd_theme_list_trackbacks($comment, $args, $depth) {
$GLOBALS['comment'] = $comment; ?>
<li <?php comment_class(); ?> id="pings-<?php comment_ID() ?>">
<?php comment_author_link(); ?>
<?php
}
function padd_theme_count_comments($count) {
if (!is_admin()) {
global $id;
$comments_by_type = &separate_comments(get_comments('status=approve&post_id=' . $id));
return count($comments_by_type['comment']);
} else {
return $count;
}
}
add_filter('get_comments_number', 'padd_theme_count_comments',0);
/**
* Renders the list of recent posts.
*/
function padd_theme_recent_post() {
echo '<ul>';
wp_get_archives('type=postbypost&limit=5');
echo '</ul>';
}
/**
* Renders the list of children categories in a given parent category.
*
* @param int $cat_id
*/
function padd_theme_get_categories($cat_id) {
if ('' != get_the_category_by_ID($cat_id)) {
echo '<li>';
echo '<a href="' . get_category_link($cat_id) . '">' . get_the_category_by_ID($cat_id) . '</a>';
if ('' != (get_category_children($cat_id))) {
echo '<ul>';
wp_list_categories('hide_empty=0&title_li=&child_of=' . $cat_id);
echo '</ul>';
}
echo '</li>';
}
}
/**
* Renders the list of recent comments.
*
* @global object $wpdb
* @global array $comments
* @global array $comment
* @param int $limit
*/
function padd_theme_recent_comments($limit=5) {
global $wpdb, $comments, $comment;
if ( !$comments = wp_cache_get( 'recent_comments', 'widget' ) ) {
$comments = $wpdb->get_results("SELECT * FROM $wpdb->comments WHERE comment_approved = '1' ORDER BY comment_date_gmt DESC LIMIT $limit");
wp_cache_add( 'recent_comments', $comments, 'widget' );
}
echo '<ul class="recentcomments">';
if ( $comments ) :
foreach ( (array) $comments as $comment) :
echo '<li class="recentcomments">' . sprintf(__('%1$s on %2$s'), get_comment_author_link(), '<a href="'. get_comment_link($comment->comment_ID) . '">' . get_the_title($comment->comment_post_ID) . '</a>') . '</li>';
endforeach;
endif;
echo '</ul>';
}
/**
* Renders the content of the teaser.
*
* @param int $max_char
* @param string $more_link_text
* @param string $stripteaser
* @param string $more_file
*/
function padd_theme_content($max_char=450,$more_link_text='',$stripteaser=0,$more_file='') {
$content = get_the_content($more_link_text, $stripteaser, $more_file);
if (!empty($content)) {
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
$content = strip_tags($content);
}
if (strlen($_GET['p']) > 0) {
echo "<p>";
echo $content;
echo "</p>";
} else if (strlen($content)>$max_char) {
$content = substr($content,0,$max_char);
echo "<p>";
echo $content;
echo "...";
echo "</p>";
} else {
echo "<p>";
echo $content;
echo "</p>";
}
}
function padd_theme_get_content($max_char=200,$more_link_text='',$stripteaser=0,$more_file='') {
$content = get_the_content($more_link_text, $stripteaser, $more_file);
if (!empty($content)) {
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
$content = strip_tags($content);
}
if (strlen($_GET['p']) > 0) {
$content = "<p>" . $content . "</p>";
} else if (strlen($content)>$max_char) {
$content = substr($content,0,$max_char);
$content = "<p>" . $content . "...</p>";
} else {
$content = "<p>" . $content . "</p>";
}
return $content;
}
/**
* Capture the first image from the post.
* @global object $post
* @global object $posts
* @return string
*/
function padd_theme_capture_first_image($p=null) {
$firstImg = '';
if (empty($p)) {
global $post, $posts;
$firstImg = '';
ob_start(); ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$firstImg = $matches[1][0];
} else {
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $p->post_content, $matches);
$firstImg = $matches[1][0];
}
return $firstImg;
}
[color=yellow]function padd_featured_posts() {
wp_reset_query();
$featured = get_option(PADD_THEME_SLUG . '_featured_cat_id','1');
$count = get_option(PADD_THEME_SLUG . '_featured_cat_limit');
query_posts('showposts=' . $count . '&cat=' . $featured);
$padd_scrp = get_theme_root_uri() . '/' . PADD_THEME_SLUG . '/functions/thumb/thumb.php?';
$i = 1;
?>
<div id="s3slider">
<ul id="s3sliderContent">
<?php while (have_posts()) : the_post(); ?>
<?php $customfields = get_post_custom(); ?>
<?php
$img = isset($customfields['paddimage-gallery'][0]) ? $customfields['paddimage-gallery'][0] : '';
$src = get_permalink();
if (empty($img)) {
$img = padd_theme_capture_first_image();
if (empty($img)) {
$imgpath = $padd_image_def;
} else {
$imgpath = $padd_scrp . 'src=' . $img . '&w=' . PADD_GALL_THUMB_W . '&h=' . PADD_GALL_THUMB_H . '&zc=1';
}
} else {
$imgpath = $padd_scrp . 'src=' . $img . '&w=' . PADD_GALL_THUMB_W . '&h=' . PADD_GALL_THUMB_H . '&zc=1';
}
?>
<li class="s3sliderImage" id="featured-<?php echo $i; ?>">
<a href="<?php the_permalink(); ?>"><img src="<?php echo $imgpath; ?>" alt="" /></A>
<span class="right"><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong><br /><?php padd_theme_content(280); ?></span>
</li>
<?php $i++; ?>
<?php endwhile; ?>
<div class="clear s3sliderImage"></div>
</ul>
</div>
<?php
wp_reset_query();
}
function padd_tm_generate_button() {
global $post;
$url = '';
if (get_post_status($post->ID) == 'publish') {
$url = get_permalink();
}
$button = '<div class="tweetmeme_button" style="float: left; padding: 0 8px 0 0">'.
'<script type="text/javascript">
tweetmeme_url = \'' . $url . '\';';
if (get_option('tm_source')) {
$button .= 'tweetmeme_source = \'' . urlencode(get_option('tm_source')) . '\';';
}
$button .= '
</script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>';
return $button;[/color]}
function padd_related_posts($post_ID) {
$enabled = get_option(PADD_THEME_SLUG . '_rp_enable');
if ($enabled) {
$tag_ids = array();
$cat_ids = array();
$tags = wp_get_post_tags($post_ID);
foreach($tags as $tag) {
$tag_ids[] = $tag->term_id;
}
$cats = get_the_category($post_ID);
if ($cats) {
foreach($cats as $cat) {
$cat_ids[] = $cat->term_id;
}
}
$args = array(
'post__not_in' => array($post_ID),
'showposts' => intval(get_option(PADD_THEME_SLUG . '_rp_max',5)),
'caller_get_posts' => 1
);
if (!empty($tag_ids) && get_option(PADD_THEME_SLUG . '_consider_tags','1') === '1') {
$args['tag__in'] = $tag_ids;
}
if (!empty($cat_ids) && get_option(PADD_THEME_SLUG . '_consider_categories','1') === '1') {
$args['category__in'] = $cat_ids;
}
$rp_query = new wp_query($args);
if ($rp_query->have_posts()) {
echo '<ul>';
while ($rp_query->have_posts()) {
$rp_query->the_post();
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
} else {
echo '<p>There are no related posts on this entry.</p>';
}
} else {
echo '<p>Related posts has been disabled.</p>';
}
}
function padd_theme_credits() {
do_action(__FUNCTION__);
}
|
|
lundi 4 octobre 2010 à 08:27:47 |
Re : probleme de redimmension d'image avec s3slider.js
syndrael
|
Soit tu étires ton image manuellement et tu l'intégres à la place de celle qui n'est pas redimensionnée, soit tu l'étires avec JQuery en changeant les attributs de la balise.. mais à moins de vraiment vouloir le faire en PHP (c'est possible mais pas pertinent), cette question n'est pas une question de PHP.
S.
|
|
Cette discussion est classée dans : image, probleme, blog, redimmension, s3slider
 Répondre à ce message
 Sujets en rapport avec ce message
Probleme de CSS pour un blog [ par Ilsundal ]
Bonjour,je suis en train de coder un petit blog pour mon site personnel, mais j'ai un gros probleme, quand je met l'image en align=left (donc en flota
Probleme d'ajout de PNG-24 en php [ par Tyguibang ]
Bonjour, j'ai un formulaire où l'usager peut uploader une image sur mon serveur. L'image doit être absolument un png-24 avec un fond transparent.voici
probleme avec un if(!empty) [ par ldevun ]
Bonjour, je souhaite qu'il affiche tel image si la variable est vide é une autre si la variable existe. J'ai fait un 'if (!empty...) mais ca me dit qu
Probleme Unlink et Copy image hebergeur!!! [ par lod666 ]
BonjourJ'ai un sérieux problème avec un hebergeur concernant les fonctions COPY et UNLINKConcretement si je demande la suppresion d'une image unlink("
probleme image [ par Olivier885 ]
sltje voudrai activer et desactiver une image donc jai mis sa mais i me dit kil y a une erreur a la 3eme ligne. le lien de limage ce trouve dans la va
probleme imagecreate et imagesetpixel [ par Celtic_fr ]
voila ce que j'obtient ^^, ce n'est pas une image, pourtant mon php_gd2 est activé.‰PNG IHDRdd Œ}Ç PLTEÿÿÿÿÿ^zJî IDATxœc`ƒ 8 ´FÁ(£`Œ&#
Probleme javscript + php [ par Anthotill ]
Bonjour à tous !J'ai un code simple pour agrandir une image dans une popup qui se redimensionne a la taille de cette image (j'ai posé la question dans
Taille d'une frame [ par overbrave ]
Bonjour a vous,Je voudrais savoir si il est possible de determiner la taille d'une frame en pixel plutot qu'en pourcentage.J'explique mon probleme : i
Redimensionnement d'image : probleme de couleur ! [ par webkiller51 ]
bonjour bonjour, J'ai fait une petite portion pour permettre de redimensionner ses images mais même avec un ratio assez faible (1/4 par exemple) les
Probleme avec un redimensionnement d'image! [ par destiny ]
Lo all,Voila je veut redimensionner un image, est ce qu'il ya une function simple sans passé pas GD2 mais le GD du php 4.2.2?Parceque je ne l'ai pas e
 Livres en rapport
|
Derniers Blogs
 ROSLYN FLUENT APIS: ROSLYNHELPER NUGET PACKAGEROSLYN FLUENT APIS: ROSLYNHELPER NUGET PACKAGE par Matthieu MEZIL
Si vous utilisez Roslyn et que vous vous voulez vous simplifier le code du code rewriter, je vous conseille d'installer mon NuGet package RoslynHelper ....(read more) ...
Cliquez pour lire la suite de l'article par Matthieu MEZIL POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|